jqueryajax属性async(同步异步)⽰例
在jquery的ajax中如果我们希望实现同步或者异步我们可以直接设置async发⽣为真或假即可true false,下⾯举⼏个jquery ajax同步和异步实例
例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){
//
},
fail:function(){
//
}
});
View Code
例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返回结果后程序才继续执⾏
*/
View Codejquery 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();
View Code
在上例中,当ajax块发出请求后,他将停留function1(),等待server端的返回,但同时(在这个等待过程中),前台会去执⾏function2(),也就是说,在这个时候出现两个线程,我们这⾥暂且说为function1() 和function2()。
当把asyn设为false时,这时ajax的请求时同步的,也就是说,这个时候ajax块发出请求后,他会等待在function1()这个地⽅,不会去执⾏function2(),知道function1()部分执⾏完毕。
注意
同步的意思是当JS代码加载到当前AJAX的时候会把页⾯⾥所有的代码停⽌加载,页⾯出去假死状态,当这个AJAX执⾏完毕后才会继续运⾏其他代码页⾯假死状态解除。
⽽异步则这个AJAX代码运⾏中的时候其他代码⼀样可以运⾏。
jquery的async:false,这个属性
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论