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(成功),然后解析响应数据并进行处理。