封装一个简单的同步Ajax函数

最新推荐文章于 2022-11-01 08:52:57 发布

iteye_11848

最新推荐文章于 2022-11-01 08:52:57 发布

阅读量92

点赞数

文章标签： Ajax Microsoft

本文介绍了一个用于初始化Ajax对象的函数及如何使用该对象发送Ajax请求到服务器端的方法。包括了GET和POST请求方式，并详细解释了如何设置请求头以及如何处理服务器响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**
函数：初始化一个Ajax的对象
*/
function psGetAjaxObj(){
var ajax=false;
try {
ajax = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
ajax = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
ajax = false;
}
}
if (!ajax && typeof XMLHttpRequest!='undefined'){
ajax = new XMLHttpRequest();
}
if (!ajax){
alert("Get Ajax object failed");
}
return ajax;
}

/**
函数：发送一个Ajax请求到服务器端
参数：
serverPageUrl -- 服务器端页面地址
parmString -- 参数，类似 'user=123&id=100'
requestMethod -- 请求服务器端的方法,Get和Post两种，默认是Post
isGetResponse -- 是否获取服务器端返回的结果，默认是true
*/
function SendAjaxRequest(serverPageUrl, parmString, requestMethod='POST', isGetResponse=true){
var ajax = psGetAjaxObj();
if (requestMethod != 'POST'){
requestMethod = 'GET';
}
if (requestMethod == 'GET'){
ajax.open('GET', serverPageUrl + parmString, true);
ajax.onreadystatechange = function(){
if (ajax.readyState == 4 && ajax.status == 200){
responseMessage = ajax.responseText;
}
}
ajax.send(null);
}
if (requestMethod == "POST"){
ajax.open("POST", serverPageUrl, true);
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
ajax.send(parmString);
ajax.onreadystatechange = function() {
if (ajax.readyState == 4 && ajax.status == 200) {
responseMessage = ajax.responseText;
}
}
if (isGetResponse){
return responseMessage;
}
return null;
}
}