AJax技术

jquery ajax实例教程和一些高级用法(2)

字号+ 作者:H5之家 来源:H5之家 2017-01-17 13:00 我要评论( )

提供一种方法来执行一个或多个对象的回调函数,延迟对象通常表示异步事件。 如果单一延迟传递给jQuery.when ,它是通过这个方法和延迟对象附加的其他方法可访问绑定的回调函数返回的,如defered.then 。 当延迟得到

提供一种方法来执行一个或多个对象的回调函数,延迟对象通常表示异步事件。 如果单一延迟传递给jQuery.when ,它是通过这个方法和延迟对象附加的其他方法可访问绑定的回调函数返回的,如defered.then 。
当延迟得到解决或者拒绝,通常的代码创建了原来的延迟,适当的回调将被调用。 如下:

//两个全部请求成功才会执行回调 此api在jquery api的 “工具”一栏下面有详细介绍 $.when($.ajax("p1.php"), $.ajax("p2.php")) .then(function(){ //两个全部请求成功 }, function(){ //任何一个执行失败 }); jquery ajax的一个实战例子,ajax请求服务集中到service.js中

这里把jquery ajax请求写成一个服务,比如service.js中有如下代码:

//每次都要重复的ajax代码和一些数据处理,全局提示都可以写到这里面了,当然这里面不要有业务逻辑,只做些数据处理和部分提示 function myService(){ return { query: function (data) { var _data = data||{}; return $.get("test.php",_data).then( function(){//延迟成功}, function(){//延迟失败;} ); }, submit: function (data) { var _data = data||{}; return $.post("test.php",_data).then( function(){}, function(){} ); } } } //当然这里面的 代码应该做模块化处理,而不是直接向这样声明一个全局的myService

使用我们的myService,代码如下:

//在某些事件的时候,查询数据 var myService = myService(); myService.query() .then(function(res){ //成功回调 }); //在某些事件的时候,提交数据 myService.submit({name:"懒人建站",sex:"男"}) .then(function(res){ //成功回调 })

本文链接:

jquery ajax实例教程和一些高级用法由懒人建站收集整理,您可以自由传播,请主动带上本文链接

懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

(责任编辑:懒人建站)

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • AJAX+servlet实例入门基础教程

    AJAX+servlet实例入门基础教程

    2017-01-17 11:02

  • AJAX学习实例(二)

    AJAX学习实例(二)

    2017-01-17 08:34

  • jQuery ajax() 方法

    jQuery ajax() 方法

    2017-01-15 13:00

  • JavaScript用JSONP跨域请求数据实例详解

    JavaScript用JSONP跨域请求数据实例详解

    2017-01-11 17:03

网友点评