基于JS的AJAX

  1. 创建XMLHttpRequest对象:
var xmlHttpRequest = new XMLHttpRequest();//IE7+,Firefox,Chrome等浏览器
var xmlhttpRequest = new ActiveXObject("Microsoft.XMLHTTP");//IE5,IE6浏览器
  1. 向服务器发送请求:
xmlHttpRequest.open('GET','url',true);
xmlHttpRequest.setRequestHeader(' CONTENT-TYPE', 'application/x-www-form-urlencoded'  );//设置Http请求头。这里先不过多的解释
xmlHttpRequest.send();
open()方法:
open('type','url','async');//type:请求的类型,GET,POST两种;url:向服务器请求的地址,async:true:异步请求,false:同步请求。
3.接受服务器响应:
获取服务器的响应使用XMLHttpRequest对象的responseText和responseXML属性:
responseText:获得字符串形式的响应数据
responseXML:获得XML形式的响应数据
var strText = xmlHttpRequest.responseText;
var xmlText = xmlHttpRequest.responseXML;
4.XMLHttpRequest对象其他属性:
(1)readyState:存有XMLHttpRequest的状态(0,1,2,3,4)
0:请求未初始化
1:请求已建立连接
2:请求已接收
3:请求处理中
4:请求已完成,响应已就绪
(2)status:200:服务器响应正常,404:资源找不到,500,服务器发生错误(常见的三种状态,还有很多其他状态)
(3)onreadystatechange:函数名,每当readyState发生改变时触发该事件。

猜你喜欢

转载自blog.csdn.net/qq_27011525/article/details/80377915