當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

Ajax之异步同步请求

發布時間：2024/3/24 编程问答 25 豆豆

生活随笔收集整理的這篇文章主要介紹了 Ajax之异步同步请求小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

同步、異步

ajax對象.open（方式get/post，url地址，[異步true]同步false）；

ajax是可以與服務器進行（異步或同步）交互的技術之一。

異步：同一個時間點允許執行多個進程。

同步：同一個時間點只允許執行一個進程。

服務器端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>

實現效果：

異步請求：

客戶端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>

實現效果：

? ? 異步請求只是給用戶視覺上的同時呈現，但是若ajax請求響應或img響應時間不一致也會出現先后順序，只是同一時間點多個進程同時執行。