Ajax:是在不刷新页面的情况下请求数据,并将数据通过(DOM)操作局部刷新到页面上的技术
- 使用Ajax的五大步骤
- 创建Ajax对象
let xhr=new XMLHttpRequest()||new ActiveXObject("Microsoft.XMLHTTP")//兼容写法
- 配置网络连接:
参数:请求方式 目标网址 是否异步(默认异步true)
xhr.open("GET",http://192.168.6.129:8081/ajax1?name=jack&count=20,true)
- 配置其他选项 (根据需要配置,非必须)
- 发送网络请求
xhr.send()\ - 监听网络请求状态,判断是否发送数据包,发送成功与否
xhr.onreadystatechange=function(){
if(xhr.readyState==4&&xhr.status==200){}//4表示数据发送成功,200表示数据正确
else if(xhr.readyState==4&&xhr.status==404){
var obj=JSON.parse(xhr.responseText) } }
- 将得到的数据处理并运用