深入理解ajax同步和异步的区别
标签:
JavaScript
说明:
同步可以改变外部定义的变量值,异步可以提高加载效率
示例:
a. 说明:
b. 原代码:<script>var a = 0function loadDoc(file,async=true){if(window.XMLHttpRequest){ // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest();}else{ // code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}if(async === true){ xmlhttp.onreadystatechange = function(){ if(xmlhttp.readyState < 4){ // 加载中 }else if (xmlhttp.readyState == 4 && xmlhttp.status == 200){ // 成功 xmlDoc=xmlhttp.responseText; a = 1 return xmlDoc }else{ // 失败 xmlhttp.abort() return } }}xmlhttp.open("GET",file,async);xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");xmlhttp.send();if(async === false){ xmlDoc=xmlhttp.responseText; a = 1 return xmlDoc}}var ret = loadDoc('http://localhost/test.php',true)console.log(a)var ret = loadDoc('http://localhost/test.php',false)console.log(a)</script>
点击查看更多内容
1人点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦