多個ajax嵌套解決較好方法

1、這種方式多個ajax嵌套。可讀性不是很好
$.ajax({
url: “/home/GetProduct”,
dataType: “JSON”,
type: “GET”,
success: function (data) {
$.ajax({
url: “”,
dataType: “JSON”,
type: “GET”,
success: function (data) {
$.ajax({
url: “/home/GetProduct”,
dataType: “JSON”,
type: “GET”,
success: function (data) {

                    }
            }
    }

2、這種順行的方式比較好些：

$.when($.ajax({
url: “”,
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(“程序執行完成”);
});

3、 $.when($.ajax({
url: “/home/GetProduct”,
dataType: “JSON”,
type: “GET”,
success: function (data) {
MyModel.PeopleList = ko.observableArray(data);//先爲對象賦值
}
})).done(function (data) {
ko.applyBindings(MyModel);//再綁定對象
});