发布时间:2025-12-11 02:12:33 浏览次数:2
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();