JavaScript学习手册（31）

Posted 2021-05-14 designbyly

1. 创建对象

   var xmlHttp=new XMLHttpRequest()

2. onReadStateChange事件(绑定事件)

   当异步对象发起请求，获取了数据都会触发这个事件，这个事件需要制定一个函数，在函数中处理状态的变化

   btn.οnclick=fun1(){

   alert(‘单击’)

   }

   例如：

   xmlHttp.onReadStateChange=function(){
   ​                       //处理请求的状态变化
   if（xmlHttp.readyState=4&&status==200）{
       var data=xmlHttp.responseText;
       document.getElementById("name").value=data;
   }
   
   }
   

3. 异步对象属性：readyState属性，表示异步对象请求的状态变化

   0：请求未初始化，创建异步请求对象。 var xmlHttp = new XMLHttpRequest()

   1：初始化异步请求对象， xmlHttp.open(请求方式，请求地址，true)

   2：异步对象发送请求， xmlHttp.send()

   3：异步对象接收应答数据，从服务端获取原始数据。 XMLHttpRequest内部处理

   4：异步请求对象将数据解析完毕，处理读取数据。（更新页面，刷新数据）

4. status属性

   200：“OK”

   404：未找到页面

5. 初始异步请求对象

   异步的方法open（）

   xmlHttp.open(请求方式（get / post），“服务器端的访问地址”，同步 | 异步请求（默认true，异步请求）)

6. 使用异步对象发送请求

   xmlHttp.send()

   获取服务端返回的数据，使用异步对象的属性responseText

回调

当请求的状态变化时，异步对象会自动调用onreadystatechange

JSON.parse() 将json字符串转换为json对象

JSON.stringify() 将json对象转化为json字符串

每日一句
等待、是人世间最卑微的名词。