异步：就是一种非阻塞模式，最明显的例子，就是定时器，当我们写了一个30s后执行的定时器的时候，在30S内其实后面的代码是可以执行的，而不是过了30s后面代码才能执行，这就是一种异步。
缺点：当你后面的代码需要用到前面的东西的时候 如果用异步，那么后面的代码会在前面还没加载好就出来，可能会有问题。幸运的是我们可以解决。
解决：当你后面的代码需要用到前面的东西的时候，可以用条件判断来决定这些代码的执行，如果条件达成了就可以执行。
还拿上面的举个栗子
var oBtn = document.getElementById('btn'); oBtn.onclick = function(){ var xhr = null; if(window.XMLHttpRequest){ xhr = new XMLHttpRequest(); }else{ xhr = new ActiveXObject(‘Microsoft.XMLHTTP'); } xhr.open('get','1.txt',true); //设置请求信息 xhr.send();//提交请求 //等待服务器返回内容 这里后面会具体讲，大概就是监听服务器的状态，先简单了解即可 xhr.onreadystatechange = function() { if ( xhr.readyState == 4 ) { //如果对接收到的数据相应到，并解析完成 alert( xhr.responseText ); //弹出内容 } } }
在上面的代码中xhr.send()提交请求是需要时间的，所以必须要等到一定时间提交成功后，我们后面的才能正确获取到内容，所以这就是后面的代码正确执行，依赖于前面，但是如果用同步的话，我们后面那些不依赖这些前面代码的代码也没办法执行，体验就不好了，所以我们选择用异步，而对于这些依赖前面代码执行的代码，我们就进行判断
if ( xhr.readyState == 4 )就是判断如果数据响应到了，收到了，再弹出内容。（如果我们不判断，按照异步的原理，就会立马弹出来，获取数据需要时间，因为实际还没获取到数据，所以会弹出空，怕误解，所以这里我再强调下）.
以上所述是小编给大家介绍的Ajax基础详解教程(一)的相关知识，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章: