ajax同步與異步 理解


例如,小明去餐館排隊點餐,前台服務員將小明的菜單告訴廚師進行制作,此時小明后面排隊的人就一直等着,直到廚師制作完成,把飯菜送到小明手里后離開,后面的人才能繼續點餐;這就是同步處理

但是,如果前台服務員將小明的菜單告訴廚師后,服務員發給小明一個好牌去旁邊等待,后面的人繼續點餐,廚師將小明的飯菜做好后,隨時呼喚小明就餐;這就是異步處理

服務器的不同做法,就代表着 Ajax 的同步或異步處理;小明就是客戶端;廚師就是后台服務器;

ajax前端代碼:
!DOCTYPE html>
<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> 姓名:<input type="text" class="ipt"> <span id="spa"></span> </body> <!-- <script src="./ajax.js"></script> --> <script> // console.log(window) var ipt = document.getElementsByClassName('ipt') ipt[0].onblur = function(){ var xhr = new XMLHttpRequest() xhr.onreadystatechange = function(){ if(xhr.readyState==4){ if(xhr.responseText==1){ var s = '<font color="red">不可用</font>' document.getElementById('spa').innerHTML=s; }else{ var s = '<font color="red">可用</font>' document.getElementById('spa').innerHTML=s; } } } xhr.open('post','http://127.0.0.1:8090/gets',true)//如果什么都不寫默認是異步的。//true 異步 //false同步//

 xhr.send('me='+ipt[0].value)

}
</script> </html>

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM