Ajax初学(2)XMLHttpRequest对象

原创
2017/04/26 15:49
阅读数 32

XMLHttpRequest对象

异步的实现依靠的是XMLHttpRequest对象实现后台和服务器的数据传输

一、新建XHP对象

var myRequest;
//考虑浏览器兼容性
if (windows.XMLHttpRequest){
//code for IE7+, FireFox, Chrome, Opera, Safari
    myRequest = new XMLHttpRequest();
}
else {
//code for IE5, IE6
    myRequest = ActiveXObject("Microsoft");
}

二、XHP发送请求

方法

  • open(method,url,async)
    • method:请求方法
    • url:请求地址
    • async:默认true,表示异步
  • send(string)
    • GET请求无需string或none
    • POST请求需要string
//举例POST请求
request.open("POST","post.php",true);
request.setRequestHeader("Content-type","application/x-www-from-urlencoded");
request.send("name=kikyou&sex=girl");

三、XHP获得响应

XHP的readyState属性

  • 0:请求未初始化,open还没调用
  • 1:服务连接已经建立。open已经调用
  • 2:请求已接受,也就是接受到了头信息
  • 3:请求处理中,也就是接受到响应主体了
  • 4:请求已完成,且响应已就绪
request.onreadystatechange = function(){
	if(myRequest.readyState === 4 && myRequest.readystatus === 200)
	{
		//函数体
	}
}
展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部