原生的ajax请求方法

原生ajax是什么：

      XMLHttpRequest对象是ajax的基础，XMLHttpRequest用于创建快速动态网页的技术，通过在后台与服务器进行少量数据交换，拿到数据就可以进行事务的操作。

使用的步骤：

1.创建XMLHTTPRequest对象

2.使用open方法设置和服务器的交互信息

3.设置发送的数据，开始和服务器交互

4.注册事件

5.更新页面

get和post的使用方法：

get方法：

//创建对象 
 var xhr =new XMLHttpRequest();
//设置请求的url
//xhr.open('get',"url");
//发送请求
xhr.send();
//注册事件监听状态位 onreadystatechange
xhr.onreadystatechange =function(){
if(xhr.readyState ==4 && xhr.status=200){
//console.log(xhr.reponseText);
}};

post方法：

 

//创建对象 
 var xhr =new XMLHttpRequest();
//设置请求的url
//xhr.open('get',"url");
//发送请求
xhr.send(‘name=liu&age=12’);
//注册事件监听状态位 onreadystatechange
xhr.onreadystatechange =function(){
if(xhr.readyState ==4 && xhr.status=200){
//console.log(xhr.reponseText);
}};