Ajax調用API接口的方法是使用XMLHttpRequest對象發送HTTP請求。可以通過以下步驟來完成Ajax調用:
創建XMLHttpRequest對象:使用new XMLHttpRequest()
來創建一個新的XMLHttpRequest對象。
設置請求參數:使用open(method, url, async)
方法設置請求的方法、URL和是否異步。其中,method表示請求的方法(如GET、POST等),url表示請求的URL地址,async表示是否異步(一般設為true)。
設置請求頭:使用setRequestHeader(header, value)
方法設置請求頭信息,如Content-Type、Authorization等。
設置回調函數:使用onreadystatechange
屬性設置一個回調函數,該函數會在請求狀態發生變化時被觸發。
發送請求:使用send(data)
方法發送請求。其中,data表示請求的數據,可以是字符串、FormData對象等。
處理響應:在回調函數中,使用readyState
屬性和status
屬性來判斷請求狀態,并使用responseText
屬性或responseXML
屬性來獲取響應數據。
以下是一個示例代碼:
var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://api.example.com/data', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 處理響應數據
}
};
xhr.send();
以上代碼使用GET方法發送一個異步請求到http://api.example.com/data
,并設置請求頭為application/json
。在回調函數中,判斷請求狀態為4(已完成)且狀態碼為200(成功),然后解析響應數據并進行處理。