Ajax实现原理

前端之家收集整理的这篇文章主要介绍了Ajax实现原理前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

AJAX Asynchronous JavaScript and XML

一个重要的对象XMLHttpRequest
XMLHttpRequest对象的属性方法

属性

readyState:
0:为初始化 已经创建好了XMLHttpRequest对象xml 但是还没有初始化
1:已经初始化好了XMLHttpRequest对象xml 准备好要发送了
2:send被调用 请求已经发送 但是还没有收到服务器的响应
3:浏览器正在接受服务器发送过来的请求 但是还没有接受完
4:浏览器已经 接受请求完毕
responseText:
服务器返回的响应文本
responseXml:
服务器返回的响应xml
status
服务器的http状态码
statusText
服务器的http状态原因文本

方法

open("方法",url,是否异步)
send(参数) 参数为向服务器传递的数据 如果是get的话 参数为null
onreadystatechange=function(){} 当xml的readyState发生改变的时候就会调用,所以在这个过程中onreadystatechange总共会被调用5次
使用实例

var xml=new XMLHttpRequest();
    xml.open('GET','a.json',true);  //第三个参数表示是否异步
    xml.send(null);//参数为要给服务器传递的参数  若只是单纯的向服务器取数据  则传递null
  xml.onreadystatechange=function () {
      if(xml.readyState==4){
          console.log(11)
          if(xml.status==200){
              console.log(xml.responseText)
          }
      }
  }
原文链接:https://www.f2er.com/ajax/160805.html

猜你在找的Ajax相关文章