如何在ajax之后执行特定的代码

Question

我有一个函数，其中使用ajax从数据库中填充选项的select元素，这是该函数的代码。

function Filtering_GetRole(roleElement) {

$.ajax({

    type: "POST",
    url: "IROA_StoredProcedures.asmx/Filtering_GetRole",
    data: "",
    contentType: "application/json; charset=utf-8",
    dataType: "json",

    success: function (response) {

        var roletooldetails = response.d;
        var appendItem = "";

        $(roleElement).empty();

        $.each(roletooldetails, function (index, Filtering_GetRoleInfo) {

            var activeappend = "";
            var id = Filtering_GetRoleInfo.id;
            var role = Filtering_GetRoleInfo.Role;

            activeappend = "<option value=" + id + ">" + role + "</option>";


            appendItem += activeappend;

        });

        $(roleElement).prepend('<option disabled="disabled" selected="selected" value="">Select Tool</option>')
        $(roleElement).append(appendItem);

    },

    error: function (XMLHttpRequest) {
        console.log(XMLHttpRequest);
        alert("error in Filtering_GetTool");
    }

});
}

我这样称呼

var slcRole = $(this).closest(".td-span-buttons").closest(".tr-span-buttons").find(".slc-role"); var holdRoleId = slcRole.val();

        Filtering_GetRole(slcRole);

        slcRole.val(holdRoleId);

但是问题是因为我使用ajax代码slcRole.val(holdRoleId); 将首先执行，结果是在option元素上未选择的值。 当ajax代码完成时，该如何执行？ 对不起英语不好

Answer 1

只需放入slcRole.val(holdRoleId); 走向success 。

否则，js将在不等待ajax完成的情况下执行。

Answer 2

我认为您需要在success或error之后执行此操作，因此，请放任何回调或将Filtering_GetRole放到ajax的完整回调中后， 在这里看看。 当ajax完成时，它将在complete块内执行代码。 希望这会有所帮助。

Answer 3

确保已处理ajax请求的另一种方法是使用jQuery.when（），但最好的方法是将slcRole.val（holdRoleId）放入成功回调中。

Answer 4

您可以使用complete功能。 仅在ajax“成功”之后执行complete 。 以下代码将对您有所帮助。

success: function (response) {
     // Your code
},
complete: function (response) {
   slcRole.val(holdRoleId);
},
error: function (XMLHttpRequest) {
    // Your code
}