原生js写ajax接口语法
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
原生js写ajax接口语法
以下是一个简单的原生JSAJAX接口请求语法:
```javascript。
var xhr = new XMLHttpRequest(); // 创建XHR对象。
xhr.open('GET', 'ajax接口地址', true); // 指定要请求的ajax 接口地址和请求方式。
xhr.onreadystatechange = function() { // 监听ajax状态。
if (xhr.readyState === 4 && xhr.status === 200) { // ajax状态正常。
console.log(xhr.responseText); // 返回ajax接口返回的数据,并输出在控制台上。
}。
};。
xhr.send(); // 发送ajax请求。
```。
说明:
1. 创建一个XHR对象来处理ajax请求。
2. 使用“open”方法指定ajax接口地址和请求方式(此处为GET请求)。
3. 使用“onreadystatechange”事件监听ajax状态,当ajax状态为“4”且状态码为“200”时,表示请求成功,返回接口返回的数据。
4. 使用“send”方法发送ajax请求。
对于POST请求,需要向服务器发送数据,使用“send”方法时,需要传入请求数据的参数,这里使用“JSON.stringify”方法将对象转换为字符串作为参数:
```javascript。
var xhr = new XMLHttpRequest();。
xhr.open('POST', 'ajax接口地址', true);。
xhr.setRequestHeader('Content-type', 'application/json'); // 设置请求头信息。
xhr.onreadystatechange = function() 。
if (xhr.readyState === 4 && xhr.status === 200) 。
console.log(xhr.responseText);。
}。
};。
var data = { // 请求数据。
name: 'test',。
age: '18'。
};。
xhr.send(JSON.stringify(data)); // 将请求数据转为字符串作为send方法的参数传入。
```。
注意:
- 在发送POST请求时,需要设置请求头信息,指定请求数据的格式,这里使用“application/json”
-请求数据需要转换为字符串格式。
- 如果需要在请求之前做一些操作,比如设置请求头、设置超时时间等,可以使用“setRequestHeader”和“timeout”方法。
- 如果需要在请求结束后做一些操作,比如关闭加载动画等,可以使
用“onload”事件。
如果请求发生错误,可以使用“onerror”事件来捕
捉错误信息。