手写简易AJAX

222 阅读1分钟

responseText: 请求返回的数据内容 responseXML: 如果响应内容是"text/xml""application/xml",这个属性将保存响应数据的 XML DOM文档 status: 响应的HTTP状态,如 200 304 404 等 statusText: HTTP状态说明 readyState: 请求/响应过程的当前活动阶段 timeout: 设置请求超时时间

full version

var request = new XMLHttpRequest()
request.open('GET','/a/b/c?name=ff',true)
request.onreadystatechange = function(){
    if(request.readystate ===4 && request.status ===200){
       // 0 尚未调用 open        // HTTP 状态在 200-300 之间表示请求成功 
       // 1 尚未调用 send
       // 2 已调用send
       // 3 已发送请求
       // 4 已完成请求
        console.log(request.responseText)
    }
}
request.send()

simplify version

var request = new XMLHttpRequest()
request.open('GET','a/b/c?name=ff',true)
request.onload=()=>console.log(request.responseText)
request.send()