手写ajax的get与post函数

最新推荐文章于 2025-10-22 14:45:41 发布

原创最新推荐文章于 2025-10-22 14:45:41 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #xmlhttprequest #callback #url #function #null

Ajax 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个使用JavaScript中的XMLHttpRequest对象实现AJAX请求的方法。该方法支持GET和POST两种请求方式，并通过回调函数处理服务器响应。此外，还介绍了如何设置请求头来禁用缓存及发送表单数据。

function goAjax(url,method,param,callBack)
{
 var xmlHttp=null;
 if(window.xmlHttpRequest)
 {
   xmlHttp=new XmlHttpRequest(); 
 }else{
  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
 }
 if(method=="get"||method=="GET")
 {
  if(param.length>0)
  {
   url=url+"?"+param;
  }
  xmlHttp.open("get",url,true);
  xmlHttp.setRequestHeader("If-Modified-Since","0");//不缓存
  xmlHttp.send(null);
 }else{
  xmlHttp.open("post",url,true);
  xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  xmlHttp.setRequestHeader("If-Modified-Since","0");//不缓存
  xmlHttp.send(param);
 }
 xmlHttp.onreadystatechange=function(){
  if(xmlHttp.status==200&&xmlHttp.readyState==4)
  {
   callBack(xmlHttp. reponseText);
  }else{
   alert(xmlHttp.statusText);
  }
 }
}