在 ajax 内部调用 ajax

Question

我正在尝试进行 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() 到 return 它的值，但它似乎不是那样工作的.

相反，它继续执行 getProjects() 的其余部分。有什么办法可以异步执行此操作吗？

Answer 1

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;
            }
    });
    });

}

Answer 2

为此，您需要从第一个 code.Or 的成功函数中调用第二个代码，您将代码放在一个函数中，然后从第一个 ajax 的成功回调中调用该函数 call.Using .done 回调更多 appropriate.So 从第一个 ajax 调用的完成回调调用第二个函数。

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;
        }
     });

  });

}

Answer 3

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;
            }
        });
    });



}

Answer 4

您的第二个 ajax 调用需要放在 done 承诺中。您可以将其余代码包装在本地函数中，然后在 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();
    });

}

Answer 5

您需要同步调用一个函数，因为第二个任务依赖于第一个任务。可以同步调用函数getEnt_PodType，需要make
async: false 在此函数中。然后它将按您的预期工作。

在 ajax 内部调用 ajax

Calling ajax inside of ajax

javascript

ajax

jquery