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（）返回其值，但它似乎不会那样工作。

相反，它继续执行其余的getProjects（）。有没有办法异步这样做？

Answer 1

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

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 2

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 3

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 4

为了使这个工作你需要从第一个代码的成功函数调用第二个代码。或者你把代码放在一个函数中并从第一个ajax调用的成功回调中调用该函数。使用.done calllback更合适。从第一个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 5

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

在ajax中调用ajax

5 个答案: