要使用 Ajax 獲取后端數據,可以按照以下步驟進行操作:
創建一個 XMLHttpRequest 對象,可以使用以下方法之一:
new XMLHttpRequest()
new ActiveXObject("Microsoft.XMLHTTP")
(適用于 IE5 和 IE6)使用 open() 方法設置 HTTP 請求的方法、URL 和異步標志:
xhr.open(method, url, async)
使用 setRequestHeader() 方法設置請求頭部(如果需要的話):
xhr.setRequestHeader(header, value)
使用 send() 方法發送請求:
xhr.send(data)
使用 onreadystatechange 事件監聽 readyState 屬性的變化:
xhr.onreadystatechange = function(){}
在 readyState 變為 4 且 status 為 200 的情況下,使用 responseText 或 responseXML 屬性獲取后端返回的數據:
xhr.responseText
: 返回的文本數據xhr.responseXML
: 返回的 XML 數據以下是一個使用 Ajax 獲取后端數據的示例代碼:
var xhr = new XMLHttpRequest();
xhr.open('GET', 'backend-url', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var responseData = xhr.responseText;
// 對返回的數據做進一步處理
}
};
xhr.send();
以上代碼示例中使用了 GET 方法進行請求,你也可以根據實際需要使用其他 HTTP 請求方法(如 POST)來獲取后端數據。