解决在循环中使用ajax异步时,数据的同步问题
发布时间:2020-12-16 03:36:43 所属栏目:百科 来源:网络整理
导读:这个标题看起来有点儿拗口,说白就是,在for循环中使用ajax的异步同步数据时,如何按照给定数据的先后顺序去执行呢?这个是困扰了我好几天的问题,今天终于解决了,使用的是jquery的Deferred,具体代码如下: var data = ['one','two','three','four','five'
这个标题看起来有点儿拗口,说白就是,在for循环中使用ajax的异步同步数据时,如何按照给定数据的先后顺序去执行呢?这个是困扰了我好几天的问题,今天终于解决了,使用的是jquery的Deferred,具体代码如下: var data = ['one','two','three','four','five','six','seven','eight']; var defer = $.Deferred(); //这一步必须要写,要不然下面的then无法使用 defer.resolve($("#showContent").append("这个里面可以什么都不写<br/>")); $.each(data,function(i,e){ defer = defer.then(function () { return $.ajax({ url:'/echo/json/',method:'get',beforeSend:function(){ $("#showContent").append(e + "开始数数<br/>"); },success:function(data){ $("#showContent").append(e + "执行完成<br/>"); //如果返回的结果有问题,这里可以用return false退出循环 } }) }); }); defer.done(function(){ $("#showContent").append("ajax全部执行完成<br/>") }); 通过上面的例子可以很好的看到,程序是按照数组的顺序执行的,这样即用到了异步,而且还保证了执行顺序,不错的方法。 在线演示 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |