在 ajax 内部调用 ajax

Calling ajax inside of ajax

本文关键字：ajax 调用 内部      更新时间：2023-09-26

我正在尝试进行ajax调用以获取属性类型。使用该类型，我然后将其传递给另一个 ajax 调用。我在异步执行此操作时遇到了一些困难，因为我试图推迟到加载第一个属性。

function getEnt_PodType() {
    var ent_PodType;
    var oDataUrl = //URL to my data;
    return $.ajax({
        url: oDataUrl,
        type: "GET",
        async: true,
        beforeSend: function (xhr) {
            xhr.setRequestHeader("ACCEPT", accept);
        },
        success: function (xhr, textStatus) { 
            var res = xhr;
            if (res.d.results != undefined) {
                ent_PodType = res.d.results[0].Ent_PodType;
            }
            console.log("The ent pod type value is "+ ent_PodType);
            return ent_PodType;
        }
    });
}
function getProjects() {
    var QUERY_FILTER = getEnt_PodType().done(function (result) {
        "$filter=Ent_PodType eq '" + result + "'";
    });
    var url = restUrl + QUERY_FILTER;
    console.log("The url form getProjects is " + QUERY_FILTER);
    return $.ajax({
        url: url,
        type: "GET",
        async: true,
        beforeSend: function (xhr) {
            xhr.setRequestHeader("ACCEPT", accept);
        },
        success: function (xhr, textStatus) {
            projects = parseODataResultTest(xhr);
            return projects;
        }
    });
}

当我调用getProjects（）时，我认为构建URL会等待getEnt_PodType（）返回其值，但它似乎不是那样工作的。

相反，它继续执行getProjects（）的其余部分。有没有办法异步执行此操作？

你的第二个 ajax 调用需要放在 done promise 中。您可以将其余代码包装在本地函数中，并在 done 中调用它，如下所示：

function getProjects() {
  function getProjectsViaAjax(){
     var url = restUrl + QUERY_FILTER;
     console.log("The url form getProjects is " + QUERY_FILTER);
     return $.ajax({
        url: url,
        type: "GET",
        async: true,
        beforeSend: function (xhr) {
            xhr.setRequestHeader("ACCEPT", accept);
        },
        success: function (xhr, textStatus) {
            projects = parseODataResultTest(xhr);
            return projects;
        }
      }); 
    }; // end of getProjectsViaAjax
   var QUERY_FILTER = getEnt_PodType().done(function (result) {
        "$filter=Ent_PodType eq '" + result + "'";
         getProjectsViaAjax();
    });
}

AJAX 是异步的。任何依赖于结果的事情都必须在回调函数中完成。

我还建议始终将参数作为对象传递，以允许jQuery正确编码。

function getProjects() {
    getEnt_PodType().done(function (result) {
        var QUERY_FILTER = { "$filter": "Ent_PodType eq '" + result + "'"};
        console.log("The url form getProjects is " + QUERY_FILTER);
        return $.ajax({
            url: restUrl,
            data: QUERY_FILTER,
            type: "GET",
            async: true,
            beforeSend: function (xhr) {
                xhr.setRequestHeader("ACCEPT", accept);
            },
            success: function (xhr, textStatus) {
                projects = parseODataResultTest(xhr);
                return projects;
            }
        });
    });

}

ajax 调用需要在 done 承诺中。像下面这样的东西应该没问题。

function getProjects() {
    return  getEnt_PodType().done(function (result) {
        var QUERY_FILTER = "$filter=Ent_PodType eq '" + result + "'";
        var url = restUrl + QUERY_FILTER;
        console.log("The url form getProjects is " + QUERY_FILTER);
        return $.ajax({
            url: url,
            type: "GET",
            async: true,
            beforeSend: function (xhr) {
                xhr.setRequestHeader("ACCEPT", accept);
            },
            success: function (xhr, textStatus) {
                projects = parseODataResultTest(xhr);
                return projects;
            }
    });
    });
}

为此，您需要从第一个代码的成功函数调用第二个代码。或者，您将代码放在一个函数中，并从第一个 ajax 调用的成功回调调用该函数。使用 .done calllback 更合适。因此，从第一个 ajax 调用的 done 回调调用第二个函数。

function getProjects() {
    return  getEnt_PodType().done(function (result) {
        var QUERY_FILTER = "$filter=Ent_PodType eq '" + result + "'";
        var url = restUrl + QUERY_FILTER;
        console.log("The url form getProjects is " + QUERY_FILTER);
       return $.ajax({
            url: url,
            type: "GET",
            beforeSend: function (xhr) {
            xhr.setRequestHeader("ACCEPT", accept);
        },
        success: function (xhr, textStatus) {
            projects = parseODataResultTest(xhr);
            return projects;
        }
     });
  });
}

您需要同步调用一个函数，因为第二个任务取决于第一个任务。你可以getEnt_PodType同步调用函数，你需要使
异步：在此函数中为 false。然后它将按您的预期工作。

相关文章：