建立AJAX通信的步骤

步骤一:创建XMLHttpRequest对象

XMLHttpRequest对象是Ajax的应用的基础,所有主流浏览器的支持该对象。IE7开始提供对XMLHttpRequest对象的支持。

function CreateRequestObject() {
		var ajaxRequest;
		try {
			ajaxRequest = new XMLHttpRequest();
		} catch (e) {
			try {
				ajaxRequest = new ActiveXObject('Msxm12.XMLHTTP');
			} catch (e) {
				try {
					ajaxRequest = ActiveXObject('Microsoft.XMLHTTP');
				} catch (e) {
					return false; 
				}
			}
		}
		return ajaxRequest;
	}


根据浏览器的不同创建XMLHttpRequest对象。

XMLHttpRequest 的主要属性有与方法:

stauts请求响应头的HTTP状态码,例如200或400
statusText状态码的字符串形式
readyState当前对象状态的数字
responseText服务器返回的字符串信息
responseXML服务器返回的xml
onreadystatechange当readyState状态改变时调用的事件处理函数
onerror发生错误时当用的函数
onprogress内容加载中调用的函数
onload内容加载完调用的
方法 
abort() 
getAllResponseHeaders() 
getResponseHeader('ser') 
open(‘post/get’, url, bool)等初始化XMLHttpRequest对象
send()发送请求
setRequestHeader() 















步骤二:初始化XMLHttpRequest对象,并向服务器发送请求。

//GET
ajaxRequest.open('GET', 'url?param=' + paramvalue, true);//true代表异步响应,不锁定屏幕。false代表同步,要等到服务器返回结构才能继续操作
ajaxRequest.send();

//POST
ajaxRequest.open('POST', 'url', true);
ajaxRequest.send('param='+paramvalue); //用于传递post方法的参数,如果没有就传递null

步骤三:监控服务器相应状态

要监控服务器状态应该给XMLHttpRequest对象的onreadystatechange事件处理函数赋予函数,该函数会在readyState状态改变时被触发。

ajaxRequest.onreadystatechange = function() {
			if(ajaxRequest.readyState == 4 && ajaxRequest.status == 200) { //当readyState为4 且status为200时,表示请求成功
				document.getElementById('message').innerHTML = ajaxRequest.responseText;
			}
		}



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值