发送一个ajax请求
步骤:① 创建一个请求实例
② 打开一个链接
open(请求方式,请求路径)
③ 发送请求
get请求携带参数携带在地址栏上,post请求携带参数携带在请求体中
④ 接收响应,监听状态改变
readyState===4表示响应完成,status===200表示响应成功
例:将图片和图片的状态及介绍展示于页面
window.onload = function () {
var xhr = new XMLHttpRequest();
xhr.open('get','http://121.199.0.35:8888/index/carousel/findAll');
xhr.send();
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
var res = JSON.parse(xhr.response);
res.data.forEach(function (item) {
var img = document.createElement('img');
var div = document.createElement('div');
div.innerHTML = item.status + '' + item.introduce;
img.src = item.url;
img.style.width = '200px';
document.body.appendChild(div);
document.body.appendChild(img);
})
}
}
}