Jquery $when done then的用法详解
网络编程 2021-07-04 19:59www.168986.cn编程入门
这篇文章主要介绍了Jquery $when done then的用法详解的相关资料,本文还通过一个例子给大家介绍jquery when then(done) 用法,需要的朋友可以参考下
对于$.ajax请求来说,如果层级比较多,程序看起来会比较乱,而为了解决这种问题,才有了$when...done...fail...then的封装,它将$.ajax这嵌套结构转成了顺序平行的结果,向狼蚁网站SEO优化的$.ajax写法,看起来很乱
$.ajax({ url: "/home/GetProduct", dataType: "JSON", type: "GET", suess: function (data) { $.ajax({ url: "/home/GetProduct", dataType: "JSON", type: "GET", suess: function (data) { $.ajax({ url: "/home/GetProduct", dataType: "JSON", type: "GET", suess: function (data) { } } }
而它实现的功能无非就是外层执行完成后,去执行内层的代码代码,看狼蚁网站SEO优化的$.when写法,就清晰多了
$.when($.ajax({ url: "/home/GetProduct", dataType: "JSON", type: "GET", suess: function (data) { alert(JSON.stringify(data)); } })).done(function (data) { alert(data[0].Name); }).done(function (data) { alert(data[1].Name); }).fail(function () { alert("程序出现错误!"); }).then(function (data) { alert("程序执行完成"); });
而对于这种ajax的封装,在比较流行的node.js里也需要被看到,这就类似于方法的回调技术!
在使用MVVM的KO上,更加得心应手,感觉$.when就是为了Knockoutjs而产生的!
//MVVM数据绑定 var MyModel = new model(); $.when($.ajax({ url: "/home/GetProduct", dataType: "JSON", type: "GET", suess: function (data) { MyModel.PeopleList = ko.observableArray(data);//先为对象赋值 } })).done(function (data) { ko.applyBindings(MyModel);//再绑定对象 });
以后我们在进行前端开发时,应该多使用这种顺序的,平行的代码段,而少用嵌套的代码段,这只是大叔个人的见解。
狼蚁网站SEO优化通过一个例子再给大家介绍jquery when then(done) 用法
//运行条件jquery 1.82以上,直接运行代码,看结果
var log = function(msg){ window.console && console.log(msg) } function asyncThing1(){ var dfd = $.Deferred(); setTimeout(function(){ log('asyncThing1 seems to be done...'); dfd.resolve('1111'); },1000); return dfd.promise(); } function asyncThing2(){ var dfd = $.Deferred(); setTimeout(function(){ log('asyncThing2 seems to be done...'); dfd.resolve('222'); },1500); return dfd.promise(); } function asyncThing3(){ var dfd = $.Deferred(); setTimeout(function(){ log('asyncThing3 seems to be done...'); dfd.resolve('333'); },2000); return dfd.promise(); } /* do it */ $.when( asyncThing1(), asyncThing2(), asyncThing3() ).done(function(res1, res2, res3){ log('all done!'); log(res1 + ', ' + res2 + ', ' + res3); })
以上所述是长沙网络推广给大家介绍的Jquery $when done then的用法详解,希望对大家有所帮助,如果大家对此还有疑问欢迎给我留言,长沙网络推广会及时回复大家的,在此也非常感谢大家对狼蚁SEO网站的支持!
编程语言
- 机械手焊接机器人编程 机械手焊接设备编程
- vb数据库编程实例,vb做数据库
- tiobe世界编程语言排行榜,全球编程语言排行
- 成都java编程培训 成都it编程培训中心
- 编程基础培训,编程基础知识培训
- flash游戏编程基础教程,flash游戏开发教程
- 不会英语能学编程吗 不会英语可以学程序员吗
- 爱心代码编程C语言 爱心代码编程c语言公式
- c语言编程学习入门 c语言编程快速入门
- 西门子plc编程培训 西门子plc编程培训班
- 哪里可以学编程 台州哪里可以学编程
- 少儿编程哪个好 少儿编程哪个品牌好
- 编程是什么意思,图形编程是什么意思
- c语言编程软件下载,c语言编程软件在哪下载
- java编程软件下载,java编程下载手机版
- ug编程培训学校,ug编程培训教程