ajax.js

征服ASP.NET 2.0 Ajax 典型应用源码

//直接与服务器通讯
function talktoServer(url){
	var req = newXMLHttpRequest();
	//注册客户端回调函数
  	var callbackHandler = getReadyStateHandler(req);
  	req.onreadystatechange = callbackHandler;
  	req.open("POST", url, true);
  	//对url进行编码
  	req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  	//得到文本框中输入的字符串
  	var testmsg = document.getElementById("testmsg");
  	var msg_value = testmsg.value;
  	//把字符串发送服务器
  	req.send("msg="+msg_value);
}
//创建一个XmlHttp对象
function newXMLHttpRequest() {
	var xmlreq = false;
	//如果支持XmlHttp则创建XmlHttp对象
	if (window.XMLHttpRequest) {
		xmlreq = new XMLHttpRequest();
	} else if (window.ActiveXObject) {
    		// 是否支持XmlHttp ActiveX
		try { 
			xmlreq = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e1) { 
			// 创建第一个ActiveX失败 
			try {
				xmlreq = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e2) {
				 // 都不能创建对象，返回false
			} 
		}
 	}
   	return xmlreq;
} 
//服务器回调函数
function getReadyStateHandler(req) {
	return function () {
	if (req.readyState == 4) {//已经加载
		if (req.status == 200) {//返回成功
		var msg_display = document.getElementById("msg_display");
		msg_display.innerHTML = req.responseText;//服务器返回的信息显示在页面上
		} else {//出现错误，显示错误状态
			var hellomsg = document.getElementById("hellomsg");
			hellomsg.innerHTML = "ERROR: "+ req.status;
      		}
    	}
 	}
}