前端隨記佈局

時間 2019-12-11

標籤前端佈局简体版

原文原文鏈接

$.when($.ajax({}))
        .done(function (data) {})
        .done(function (data) {})
        .fail(function (){ })
        .then(function (data) {});
    /******************************************/    
        $.ajax(
{
    url: "/home/GetProduct",
    dataType: "JSON",
    type: "GET",
    success: function (data) 
   {
        $.ajax(
        {
            url: "/home/GetProduct",
            dataType: "JSON",
            type: "GET",
            success: function (data) 
            {
                $.ajax(
                {
                    url: "/home/GetProduct",
                    dataType: "JSON",
                    type: "GET",
                    success: function (data) 
                    {}
                }
            }
        }
   }
}
/******************************************/
(function($){...})(jQuery)；
/******************************************/
var fn = function($){....}; 
fn(jQuery); 

/******************************************/
一、遍歷對象(有附加參數)
$.each(Object, function(p1, p2) {
     this;       //這裏的this指向每次遍歷中Object的當前屬性值
     p1; p2;     //訪問附加參數
}, ['參數1', '參數2']);

二、遍歷數組(有附件參數)
$.each(Array, function(p1, p2){
     this;       //這裏的this指向每次遍歷中Array的當前元素
     p1; p2;     //訪問附加參數
}, ['參數1', '參數2']);

三、遍歷對象(沒有附加參數)
$.each(Object, function(name, value) {
     this;      //this指向當前屬性的值
     name;      //name表示Object當前屬性的名稱
     value;     //value表示Object當前屬性的值
});

四、遍歷數組(沒有附加參數)
$.each(Array, function(i, value) {
     this;      //this指向當前元素
     i;         //i表示Array當前下標
     value;     //value表示Array當前元素
});
/***************************************/
var arr = [ "one", "two", "three", "four"];  
 $.each(arr, function(){  
 alert(this);  
 });  
//上面這個each輸出的結果分別爲：one,two,three,four  
   
var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]  
$.each(arr1, function(i, item){  
 alert(item[0]);  
});  
//其實arr1爲一個二維數組，item至關於取每個一維數組，  
//item[0]相對於取每個一維數組裏的第一個值  
//因此上面這個each輸出分別爲：1 4 7  
  
  
var obj = { one:1, two:2, three:3, four:4};  
$.each(obj, function(key, val) {  
 alert(obj[key]);    
});  
//這個each就有更厲害了，能循環每個屬性  
//輸出結果爲：1 2 3 4 
/***************************************/

C:\Program Files\Common Files\microsoft shared\Web Server Extensions\15\ISAPI\Microsoft.SharePoint.dll 

C:\Program Files\Common Files\microsoft shared\Web Server Extensions\15\ISAPI\Microsoft.SharePoint.Client.dll  

&Microsoft.SharePoint.Client.Runtime.dll

$.ajax(
{
url: "/home/GetProduct",
dataType: "JSON",
type: "GET",
success: function (data)
{
$.ajax(
{
url: "/home/GetProduct",
dataType: "JSON",
type: "GET",
success: function (data)
{
$.ajax(
{
url: "/home/GetProduct",
dataType: "JSON",
type: "GET",
success: function (data)
{}
}
}
}
}
}html

$.when($.ajax(
{
url: "/home/GetProduct",
dataType: "JSON",
type: "GET",
success: function (data)
{
alert(JSON.stringify(data));
}
})
).done
(function (data)
{
alert(data[0].Name);
}
).done(function (data)
{
alert(data[1].Name);
}).fail(function ()
{
alert("程序出現錯誤！");
}).then(function (data)
{
alert("程序執行完成");
});
//==========================
$.when($.ajax({}))
.done(function (data) {})
.done(function (data) {})
.fail(function (){ })
.then(function (data) {});

ajax

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>06LayoutDemoFirst</title>
    <style>
    *
    {
        padding:0;
        margin: 0;
    }

    .header,.nav,.main,.footer
    {
        background-color:silver;
        border:1px solid black;
        margin-bottom:10px;
    }

    .header
    {
        height:100px;
    }

    .nav,.main
    {
        height:200px;
    }

    .nav
    {
        float:left;
        width:200px;
    }

    .main
    {
        margin-left:202px;
    }

    .footer
    {
        height:50px;
    }
    </style>
</head>
<body>
    <div class="header">
        header
    </div>
    <div class="nav">
        nav
    </div>
    <div class="main">
        main
    </div>
    <div class="footer">
        footer
    </div>
</body>
</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

前端隨記 佈局

前端隨記佈局