多個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);//再綁定對象
    });