Ajax之异步同步请求
生活随笔
收集整理的這篇文章主要介紹了
Ajax之异步同步请求
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
同步、異步
ajax對象.open(方式get/post,url地址,[異步true]同步false);
ajax是可以與服務(wù)器進(jìn)行(異步或同步)交互的技術(shù)之一。
異步:同一個(gè)時(shí)間點(diǎn)允許執(zhí)行多個(gè)進(jìn)程。
同步:同一個(gè)時(shí)間點(diǎn)只允許執(zhí)行一個(gè)進(jìn)程。
服務(wù)器端04.php:
<?phpecho "computer";同步請求:
客戶端04async.html:
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>ajax同步</title><script type="text/javascript">alert(1234);</script> </head> <body><img src="./1.png" alt="" width="400" height="300"> </body> </html>實(shí)現(xiàn)效果:
異步請求:
客戶端05async.html:
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>ajax同步</title><script type="text/javascript">var xhr = new XMLHttpRequest();xhr.onreadystatechange = function(){if (xhr.readyState==4) {alert(xhr.responseText);}}xhr.open('get', './04.php', true);//異步請求//xhr.open('get', './04.php', false);//同步請求xhr.send(null);</script> </head> <body><img src="./1.png" alt="" width="400" height="300"> </body> </html>實(shí)現(xiàn)效果:
? ? 異步請求只是給用戶視覺上的同時(shí)呈現(xiàn),但是若ajax請求響應(yīng)或img響應(yīng)時(shí)間不一致也會出現(xiàn)先后順序,只是同一時(shí)間點(diǎn)多個(gè)進(jìn)程同時(shí)執(zhí)行。
什么時(shí)候使用同步請求?
? ? ajax絕大多數(shù)情況下進(jìn)行異步請求,但是有的時(shí)候也要使用“同步請求”(其不能取代)。
? ? 例如頁面有兩部分內(nèi)容,ajax請求內(nèi)容和正常的html內(nèi)容輸出,如果html的輸出內(nèi)容包括ajax請求的內(nèi)容,就需要使用ajax請求完成了再進(jìn)行html內(nèi)容的輸出,這樣就要設(shè)置兩者一前一后調(diào)用(而非同時(shí)調(diào)用),既要進(jìn)行同步請求。
總結(jié)
以上是生活随笔為你收集整理的Ajax之异步同步请求的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Android-上传三星应用商店
- 下一篇: 最大吞吐量和信道利用率