jquery ajax.then,jQuery动态AJAX Promise链

小编典典

解决方案使用for：

var array = ['One', 'Two', 'Three'];

var id = array[0];

var data = getData(id);

for (var i = 1; i < array.length; i++) {

// Or only the last "i" will be used

(function (i) {

data = data.then(function() {

return getData(array[i]);

});

}(i));

}

// Also, see how better the getData can be.

function getData(id) {

return $.ajax({

url: 'http://example.com/' + id,

dataType: 'jsonp',

}).done(function(d) {

var response = d;

console.log(d);

}).fail(function() {

alert('ERROR');

});

}

顺便说一句，如果您使用了一个适当的Promise库，例如bluebird，则将使用以下代码：

var array = ['One', 'Two', 'Three'];

Promise.reduce(array, function(data, id) {

return data.promise.then(function(result) {

return { promise: getData(id), results: data.results.push(result) };

});

}, []).then(function(data) {

console.log(data.results); // yay!

});

function getData(id) {

return Promise.cast($.ajax({

url: 'http://example.com/' + id,

dataType: 'jsonp',

}).done(function(d) {

var response = d;

console.log(d);

}).fail(function() {

alert('ERROR');

}));

}

如您所见，读/写方式更容易。

2020-07-26

jquery ajax.then,jQuery动态AJAX Promise链相关推荐

ajax页面图标动态,ajax动态加载的图标
easyui弹出层在最顶层显示跳出iframe框架通用javascript代码有时候我们用easyui在后台框架中弹框的时候,总是显示在框架页面里面而不是整个系统框架的上面,看着有些不太乐意. di ...
ajax动态加载div,JQuery/AJAX：使用动态内容加载外部DIV使用动态内容
我需要创建一个页面,使用Jquery和AJAX从外部页面加载div.JQuery/AJAX:使用动态内容加载外部DIV使用动态内容我遇到了一些很好的教程,但它们都是基于静态内容的,我的链接和内容是由 ...
jsp ajax动态添加数据,jquery Ajax实现Select动态添加数据
jquery Ajax实现Select动态添加数据,具体内容如下 1.背景最近在工作中,遇到了一个关于select的问题.一般情况下,select下拉框中的数据都是固定的或者直接在jsp中读取列表值 ...
ajax往CJJTable传值,jQuery+ajax怎么样实现动态数据分页
这次给大家带来jQuery+ajax怎么样实现动态数据分页,用jQuery+ajax实现动态数据分页的注意事项有哪些,下面就是实战案例,一起来看一下. 用jQuery实现页码跳转式动态数据分页这个效果 ...
Promise 的基本使用与 Ajax的jQuery封装
Promise 的基本使用为了解决回调地狱问题,从而给出的解决办法: /*** Promise** 1. Promise 是一个构造函数 new Vue()* 2. Promise() 里面有个参 ...
JavaScript、Ajax与jQuery的关系
简单总结: 1.JS是一门前端语言. 2.Ajax是一门技术,它提供了异步更新的机制,使用客户端与服务器间交换数据而非整个页面文档,实现页面的局部更新. 3.jQuery是一个框架,它对JS进行了封装 ...
JavaScript、Ajax、jQuery全部知识点，5分钟速懂！
本文将详细解读JavaScript.ajax.jQuery是什么?他们可以实现什么? 1.JavaScript 定义: javaScript的简写形式就是JS,是由Netscape公司开发的一种脚本语 ...
JQuery模板插件jquery.tmpl-动态ajax扩展
在上一篇JQuery模板插件-jquery.tmpl中介绍了这款插件.有时我们需要去动态的ajax去加载模板,或者数据,根据url参数或者其他信息加载不同的模板,数据.在我的某个项目中有这个需求,所以 ...
第111天：Ajax之jQuery实现方法
由于jQuery中的Ajax方法是用了内置的deferred模块,是Promise模式的一种实现,而我们这里没有讲过,所以我们就不使用这一模式啦. 我们只定义一个Ajax方法,他可以简单的get,po ...
$.ajax data怎么处理_不会吧，不会吧，不愧是Ajax，jQuery Ajax啊
Ajax and jQuery Ajax 我们做前端的,肯定不会只满足于写一些静态网页,我们希望做到网站(与服务器)的数据交互.不得不说,现在前端的发展真是太快了,不断的更新迭代,新的技术就如同雨后春 ...

jquery ajax.then,jQuery动态AJAX Promise链

jquery ajax.then,jQuery动态AJAX Promise链相关推荐

最新文章

热门文章