使用JavaScript实现ajax的攻略分为以下几个步骤：
使用ajax需要使用XMLHttpRequest（XHR）对象，该对象是JavaScript中的原生对象，所以无需下载或引入其他插件。在使用前，需要实例化一个XHR对象，方法如下：
var xhr = new XMLHttpRequest();
XHR对象通过open方法发送请求。open方法有三个参数：请求类型、请求URL、和是否异步发送请求。例如，发送一个GET请求如下所示：
xhr.open('GET', 'example.com', true);
xhr.send();
XHR对象通过监听load事件和readystatechange事件来接受响应。例如，如果请求已经成功且响应已经完成，可以使用load事件来处理响应，方法如下：
xhr.onload = function() {
if (xhr.status === 200) {
console.log(xhr.responseText);
}
};
如果请求未完成，或发生错误，可以使用readystatechange事件来处理响应，方法如下：
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
console.log(xhr.responseText);
} else {
console.log('Error: ' + xhr.status);
}
}
};
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://jsonplaceholder.typicode.com/todos/1', true);
xhr.onload = function() {
if (xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send();
var xhr = new XMLHttpRequest();
xhr.open('POST', 'https://jsonplaceholder.typicode.com/posts', true);
xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
xhr.onload = function() {
if (xhr.status === 201) {
console.log(xhr.responseText);
}
};
xhr.send(JSON.stringify({
title: 'foo',
body: 'bar',
userId: 1
}));
以上示例分别演示了发送GET请求和POST请求，可根据自己的需求修改请求类型、请求URL和请求参数。注意，对于POST请求，需要设置请求头Content-Type为application/json。
本文链接：http://task.lmcjl.com/news/9632.html