一、Ajax概念
Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术
二、创建Ajax的步骤
1.创建Ajax对象
2.连接到服务器
3.发送请求
4.接收返回值
三、创建Ajax对象
// //创建ajax对象
let xhr = new XMLHttpRequest()
// //连接服务器:请求方法(get,post),请求地址,异步(ture)或同步(false)
xhr.open('get', 'test.txt', true)
// //监控ajax请求到了那一步
xhr.send()
xhr.onreadystatechange = function () {
//请求状态码,数据响应已就绪
if (xhr.readyState == 4) {
//状态码,数据成功到达客服端
if (xhr.status == 200) {
//打印返回的数据
console.log(xhr.responseText);
}
}
}
连接到服务器
语法:open(方法,文件名,同步异步)
参数一:post/get
参数二:请求的文件名
参数三:同步(false) 异步(true)
示例
oAjax.open("GET","abc.txt",true);