原生的ajax交互

js中的ajax

1. 在原生的js中，提供了XMLHttpRequest构造函数，它具体和后台交互的步骤如下。

   ①：实例化XMLHttpRequest
   	var xhr=new XMLHttpRequest();
   	xhr.response="json"			//设置响应格式为json，一般课省略
   ②：设置请求行
   	xhr.open('method请求方法','url请求地址')
   ③：设置请求头
   	xhr.setRequestHeader('key','val') 	//key:content-type,val:application/json
   ④：设置请求体
   	xhr.send(data) 		// get可以不设置
   ⑤：获取请求结果，此处this中有三个最为重要readyState(就绪状态 0-4)，status(状态码，200成功)，response(响应结果)
   	xhr.onreadystatechange=function(){	
   
   ​		if(this.readyState===4){
   
   ​			if(this.status===200){
   					var data=this.response.data;
   ​			}
   ​		}
   ​	}