javascript – jQuery ajax调用链接多个依赖项

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – jQuery ajax调用链接多个依赖项，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2346字，纯文字阅读大概需要4分钟。

内容图文

我不太了解jQuery的魔法deferred对象.假设以下代码：

function callWebService(uri, filter, callback)
{
  var data = {};

  if (filter && filter != '')
    data['$filter'] = filter;

  jQuery.ajax({
    url: '/_api/lists/' + uri + '/items',
    data: data,
    success: callback,
    dataType: 'json'
  });
}

function getInitialData() {
  callWebService("InitialData", "", function (data) {
    //do stuff with data
  });
}

function getGreenData() {
  callWebService("GreenData", "filter from InitialData", function (data) {
    //do stuff with data
  });
}

function getRedData() {
  callWebService("RedData", "filter from InitialData", function (data) {
    //do stuff with data
  });
}

function getFinalData() {
  callWebService("FinalData", "filter from RedData & GreenData", function (data) {
    //do stuff with data
  });
}

我想做的事情是这样的 – 最后我将调用四个webservices,而调用依赖于彼此(一个长链)：

>调用getInitialData
>调用与getInitialData相关的getGreenData
>调用与getInitialData相关的getRedData
>调用getFinalData依赖于getGreenData和getRedData

你可以告诉2& 3可以同时发生.我想我可以使用jQuery.when()(或解决？),我只是不知道如何在这里应用它.我想我需要重做函数来始终返回ajax对象？

Pseude-code看起来像这样：

getInitialData().then(getGreenData, getRedData).then(getFinalData)

解决方法:

$.ajax返回一个jQuery承诺.然后,您可以调用该承诺将链完成链接到函数. ajax数据作为promise参数传递给任何最终的回调函数.那是因为$.ajax“承诺返回Ajax数据”.

如果您对所有功能使用相同的模式,则可以根据需要链接所有功能.通过不调用函数或添加匿名回调,它只是使用每个函数调用产生的promises并将它们组合在一起.

就像是：

function CallWebService (uri, filter)
{
  var data = {};

  if (filter && filter != '')
    data['$filter'] = filter;

  return jQuery.ajax({
    url: '/_api/lists/' + uri + '/items',
    data: data,
    dataType: 'json'
  });
}

function getGreenData() {
  return CallWebService("GreenData", "filter from InitialData");
}

function getRedData() {
  return CallWebService("RedData", "filter from InitialData");
}

function GetInitialData() {
    return CallWebService("InitialData", "").then(GetGreenData);
}

// Fetch green data then red data sequentially
function GetFinalData () {
    return getGreenData().then(getRedData);
}

// Call the final one
GetFinalData().done(function(greendata, reddata){
     Alert("all done!");
});

要并行运行promises,请立即评估函数,并将结果承诺与$.when结合使用：

例如

// Fetch green data and red data in parallel
function GetFinalData () {
    return $.when(getGreenData(), getRedData());
}

内容总结

以上是互联网集市为您收集整理的javascript – jQuery ajax调用链接多个依赖项全部内容，希望文章能够帮你解决javascript – jQuery ajax调用链接多个依赖项所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端