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

Ajax请求处理技巧

最新推荐文章于 2022-08-19 15:57:18 发布

原创最新推荐文章于 2022-08-19 15:57:18 发布 · 484 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #xmlhttprequest #function #服务器 #null #object

本文介绍了一个用于初始化Ajax对象的函数及如何使用该对象发送GET或POST请求到服务器端的方法。文章详细解释了如何设置请求头并接收服务器响应。

/**
函数：初始化一个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;
}
}