您的位置:首页 > 理论基础 > 计算机网络

Ajax异步请求

2014-03-09 14:26 127 查看
     在网页中如何实现页面局部刷新,JavaScript提供了一种方法,Ajax(Asynchronous JavaScript and XML”(异步的JavaScriptXML技术),指的是一套综合了多项技术的浏览器网页开发技术。
/*创建Ajax*/
function createXMLHttpRequest() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
} /*发起请求*/
function startRequest(url,param) {
createXMLHttpRequest();
try {

xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("POST", url, true);
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlHttp.send(param);

}
catch (e) {
alert("xmlHttp Fail");
}
}
/*判断是否请求成功*/
function handleStateChange() {
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200 || xmlHttp.status == 0) {
showResult();
}
}
}
/*处理数据和显示*/
function showResult(){
alter(xmlHttp.responseText);
}
/*发起一个HTTP请求*/
function httpRequest(){
/*发起post请求,参数用&连接*/
var param ="type=" + subtype + "&content=" + subcontent;
/*如果是get请求,参数可以直接带在后面*/
/*var uri="http://xiyoumobile.com/PhoneAnswer/PhoneAPI/AdminAddSubject.aspx?type="+subtype + "&content=" + subcontent;*/
var uri = "http://xiyoumobile.com/PhoneAnswer/PhoneAPI/AdminAddSubject.aspx";
startRequest(uri,param);
}
 
上面方法,通过封装后可以通过startRequest(uri,param),方法直接发起HTTP的post或get请求,请求成功后再showResult()函数中解析请求的结果。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  ajax xmlhttprequest 异步