jQuery中ajax属性async的示例详解
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jQuery中ajax属性async的示例详解,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2204字,纯文字阅读大概需要4分钟。
内容图文
在我们日常开发工作中,ajax是我们都需要学习的知识一直,那么在jquery的ajax中如果我们希望实现同步或者异步我们可以直接设置async发生为真或假即可true false,今天我们就带大家介绍下jQuery中ajax属性async的示例!例1、jquery+ajax/" target="_blank">jquery ajax同步方式
代码如下:
$.ajax({ url : 'test.php', type : 'post', async: false,//使用同步的方式,true为异步方式 data : {'act':'addvideo', 'videoname':videoname},//这里使用json对象 success : function(data){ //code here... }, fail:function(){ //code here... } });
例2
代码如下:
//javascript function test() { var a= 1; $.ajax({ type : 'GET', url : 'test.php', data : 'page=112', success:function(msg) { alert(msg); a= msg; } }) alert(a); } //test.php sleef('5'); //休息五分钟 echo 'in'; /* 这个程序运行情况是 先打印1(a=1) 然后五秒过后 打印 in 根据这个情况就可以知道 jquery 的ajax的执行流程 因为是异步调用 以前就是这样给一个变量赋值 不管怎么弄都是不对的。最后就发现这个问题 参数async改为false就为同步调用 当ajax返回结果后程序才继续执行 */
在这里,async默认的设置值为true,这种情况为异步方式,就是说当ajax发送请求后,在等待server端返回的这个过程中,前台会继续 执行ajax块后面的脚本,直到server端返回正确的结果才会去执行success,也就是说这时候执行的是两个线程,ajax块发出请求后一个线程 和ajax块后面的脚本(另一个线程)例:
例3
代码如下:
$.ajax({ type:"POST", url:"Venue.aspx?act=init", dataType:"html", success:function(result){ //function1() f1(); f2(); } failure:function (result) { alert('Failed'); }, } function2();
在上例中,当ajax块发出请求后,他将停留function1(),等待server端的返回,但同时(在这个等待过程中),前台会去执行function2(),也就是说,在这个时候出现两个线程,我们这里暂且说为function1() 和function2()。
当把asyn设为false时,这时ajax的请求时同步的,也就是说,这个时候ajax块发出请求后,他会等待在function1()这个地方,不会去执行function2(),知道function1()部分执行完毕。
总结:
同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出去假死状态,当这个AJAX执行完毕后才会继续运行其他代码页面假死状态解除。 而异步则这个AJAX代码运行中的时候其他代码一样可以运行。 jquery的async:false,这个属性
相关推荐:
script标签中的async和defer用法
ES6之async+await同步/异步方案详解
javascript中async的用法详解
以上就是jQuery中ajax属性async的示例详解的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的jQuery中ajax属性async的示例详解全部内容,希望文章能够帮你解决jQuery中ajax属性async的示例详解所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。