首页 > 代码库 > jquery异步ajax与服务器通信过程中如何通过then方法链式传递多层数据
jquery异步ajax与服务器通信过程中如何通过then方法链式传递多层数据
我们在有些地方可能需要对服务器返回的参数做多步处理,或者很多复杂的操作必须等到服务器返回结果之后才会执行,那么我们可以用链式调用的then方法让这里做到更加易于扩展,也更加容易分离出各个功能模块。基本的方法如下。
1 doSubmit: function(){
3 $.ajax({ 4 url: url, 5 type: ‘post‘, 6 data: $("#fm").serialize(), 7 dataType: ‘html‘ 8 }).then(function(data){ 9 toastr.error(" 提交成功", "操作成功"); 10 }, function(){ 11 toastr.error("提交失败", "操作失败"); 12 }); 13},
在这里对于返回的对象,可以在其他调用此方法的方法中如下处理:
this.doSubmit().then(function(data){ console.log(data) });
但在这里仅仅会进行打印,可是并不会是从服务器端传回的data,为了使这个data值能够传递至下面我们调用的地方,我们可以对上面的doSubmit做一点小小的处理,
这里我选择方法是采用$.Deferred(),有关于这个相关的概念和功能用法等可以参考阮一峰老师的博文已经阅览官方文档,这里就不一一介绍了。
对doSubmit()方法等改造如下:
doSubmit: function(){ var dtd = $.Deferred(); $.ajax({ url: url, type: ‘post‘, data: $("#fm").serialize(), dataType: ‘html‘ }).then(function(data){ dtd.resolve(data); }, function(){ toastr.error("提交失败", "操作失败"); dtd.reject(); }); return dtd.promise(); },
这样就可以将data数据继续传递至调用该方法接下去执行的then()方法的回调函数中了。
jquery异步ajax与服务器通信过程中如何通过then方法链式传递多层数据
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。