在ajax中调用ajax
在ajax中调用ajax
提问于 2015-01-19 11:14:37
我正在尝试进行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()的其余部分。有什么方法可以异步地做到这一点吗？
回答 4
Stack Overflow用户
回答已采纳
发布于 2015-01-19 11:21:09
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;
}
});
});
}Stack Overflow用户
发布于 2015-01-19 11:22:11
您的第二个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();
});
}Stack Overflow用户
发布于 2015-01-19 11:20:25
为此，您需要从第一个code.Or的成功函数调用第二个代码，然后将代码放入一个函数中，并从第一个ajax call.Using的成功回调调用该函数，.done回调更多地是从第一个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;
}
});
});
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28023337
复制相关文章
相似问题
腾讯云开发者
