jQuery中更好的链式AJAX调用代码

问题描述

在我的最新项目中，我几乎没有链接的AJAX调用...例如，在下面的代码中，我从服务器获取了一个贡献者列表，如果调用成功，我将执行一个新调用以命名所选列表中的一个。

我想知道我是否以及如何改善代码...只是因为它对我来说看起来很丑；我想避免嵌套调用

非常感谢任何提示

$("body").on("click",".credit-btn",function(e){
    e.preventDefault();
    $.ajax({
        url : controller_url + '/list_contributers',type: "GET",dataType: "JSON",})
    .done(function(data){
        if(data.status)
        {          
            $.each(data.list,function(key,value) {
                $('select[name="contributer"]').append('<option value="'+ value.user_id +'">'+ value.name +'</option>');
            });
            // Chained AJAX call
            $.ajax({
                dataType: 'json',type:'GET',url: `${controller_url}/get_registered`
            }).done(function(json){
                if(json.status) {
                    $('select[name="contributer"] option[value=' + json.user.id + ']').attr("selected","selected");
                }
            });   
        }
        $('#creditModal').modal('show');
    });
});

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）