IT兄弟連 JavaWeb教程 使用AJAX發送GET請求並獲取響應
- 2019 年 10 月 5 日
- 筆記
版權聲明：本文為部落客原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接和本聲明。
本文鏈接：https://blog.csdn.net/ITXDL123/article/details/90762351
GET請求用於獲取數據，有時候我們需要獲取的數據需要通過"查詢參數"進行定位，在這種情況下，我們會將查詢參數追加到URL的末尾，令伺服器解析。
使用Ajax發送GET請求非常簡單，程式碼如下：
function GetRequest(){
var xhr = null;
if(window.XMLHttpRequest){
xhr = new XMLHttpRequest();
}else{
xhr = new ActiveXObject("Microsoft.XMLHttp");
}
xhr.open('get』,』/ajax_demo?username=itxdl&password=123456』,true);
xhr.onreadystatechange = function(){
if(xhr.readyState == 4 && xhr.status == 200){
var data = xhr.responseText;
}
}
xhr.send(null);
}
總結：
● 創建XHR對象var xhr = new XMLHttpRequest()或var xhr = new ActiveXObject ("Microsoft.XMLHttp")。
● 建立HTTP連接 xhr.open('GET』,URL,ASYNC)。
● 給XHR狀態綁定一個回調函數 xhr.onreadystatechange = function(){}。
● 在回調函數中判斷Ajax的狀態是否等於4，HTTP狀態碼是否等於200，然後編寫相應的業務邏輯。
● 發送一個HTTP請求 xhr.send(null);使用GET請求時send方法參數為null，如果傳值的話，伺服器也不會接受。
