AJAX解决了什么问题?
局部刷新数据(不刷新网页的情况下去提交获取数据)。
AJAX用法
创建
var xhr = new XMLHttpRequest();
配置
// xhr.open(请求方式,请求地址,是否异步)
var url = 'http://jsonplaceholder.typicode.com/posts';
xhr.open('get', url, true);
xhr.open(请求方式,请求地址,是否异步);
同步:上一个任务结束,下一个任务开始,比如alert弹窗。
异步:多个任务按顺序开始,但不一定按顺序结束,如下载任务,图片加载(不影响下边代码的执行)
响应
xhr.onreadystatechange = function () {
if (xhr.readyState === 4) {
//接收成功
// console.log(1);
var arr = JSON.parse(xhr.responseText);
arr.forEach(function (obj) {
document.body.innerHTML += `
<div>
<p>${obj.title}</p>
<p>${obj.body}</p>
</div>
`
})
}
}
发送
xhr.send();