jquery - 多个 Ajax 调用

Question

我有一个关于员工属性的巨大表单，大约有 300 个字段。

当管理员想要编辑员工属性时，他们会转到编辑页面。该表单是从数据库动态打印的。

用户从下拉列表中选择一名员工，我们将其称为 dropdown1。然后使用绑定(bind)到 dropdown1 的更改事件的 jquery ajax 调用从 JSON 数组填充该表单。这样 299 个字段就可以正确填充。

但是，该表单还包含 2 个下拉菜单。我们称它们为 dropdown2 和 dropdown3。

Dropdown2 在从数据库加载页面时填充。

Dropdown3 与 Dropdown2 相关。当 dropdown2 更改时，dropdown3 的列表会使用不同的 onchange ajax 函数更改。最初，页面加载 dropdown3 只有一个列表“选择”。

我的问题是，当 dropdown1 更改时，表单中的每个字段都会被填充，除了 dropdown 3 之外。

我想要的是，当使用 jquery ajax 调用在 dropdown2 中更改选择时，

1. dropdown3 应该根据 dropdown2 中的值填充 - 基本上包含 dropdown2 的 div 的 html 应该更改(另一个 ajax 调用中的 ajax 调用？)

2. 应在 dropdown2 中选择正确的值(如果 1 有效，我认为我可以处理这部分)

如果我的问题很长并且我无法正确解释，我深表歉意。

    $(document).ready(function(){
    $("#adminobj0zb").delegate("#sel10", "change", function(e){
        $.getJSON("editempajax2.php?empid=" + $("#sel10").val(),
        function(data){
            $.each(data, function(i, item){
                if(item.field == "fname"){
                    $("#sel2").val(item.value);
                    //Here Make Second Ajax call and change content of div containing sel3 ... how ?
                }
                if(item.field == "mname"){
                    $("#sel3").val(item.value);
                }
            });
        });
    });
});

Answer 1

这是可能的。您可以进行 AJAX 调用作为第一次调用的回调。

$.ajax({
    url:"/echo/json/",
    data:xdata,
    type:"POST",
    success: function(data) {
        $.ajax({
            // config
            success: function(data2) {}; // do your stuff
        });
    }
});

如果您需要同时进行多个 AJAX 调用，则可以使用延迟对象:jQuery Deferred - getting result of chained ajax calls