Ajax

69 阅读1分钟

Ajax:是在不刷新页面的情况下请求数据,并将数据通过(DOM)操作局部刷新到页面上的技术

  • 使用Ajax的五大步骤
  1. 创建Ajax对象

let xhr=new XMLHttpRequest()||new ActiveXObject("Microsoft.XMLHTTP")//兼容写法

  1. 配置网络连接:
    参数:请求方式 目标网址 是否异步(默认异步true)

xhr.open("GET",http://192.168.6.129:8081/ajax1?name=jack&count=20,true)

  1. 配置其他选项 (根据需要配置,非必须)
  2. 发送网络请求 xhr.send()\
  3. 监听网络请求状态,判断是否发送数据包,发送成功与否
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)          }                                            }
  1. 将得到的数据处理并运用