Ajax异步调用

最新推荐文章于 2023-01-14 22:53:01 发布

baobeituping

最新推荐文章于 2023-01-14 22:53:01 发布

阅读量110

点赞数

分类专栏： JS篇文章标签： Ajax 浏览器 IE Safari Microsoft

JS篇专栏收录该内容

46 篇文章

订阅专栏

本文介绍了一个具体的AJAX异步请求实现案例，包括如何创建XMLHttpRequest对象，并通过GET方式发送请求，以及如何处理响应数据。

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

//业务函数，调用AJAX函数

function GetCompany(CompanyID)
{

AjaxSendHttpRequest(CompanyID,ID,startsT,endsT);

}

var http_request;
function AjaxSendHttpRequest(CompanyID,ID,StartT,EndT){
    //
     if (window.XMLHttpRequest) // Mozilla, Safari, ...
  {
    http_request = new XMLHttpRequest();////如果浏览器直接支持window.XMLHttpRequest对象
  }
  else if (window.ActiveXObject) // IE，//如果浏览器支持window.ActiveXObject对象
  {
    try {
      http_request = new ActiveXObject("Msxml2.XMLHTTP");
     }
    catch (e)
     {
      try
      {
       http_request = new ActiveXObject("Microsoft.XMLHTTP");
      }
      catch (e)
      {}
     }
  }
  else
  {
    alert('浏览器啥都不支持，我也只有啥都不干了!');
    return; //浏览器啥都不支持，我也只有啥都不干了
  }

  if (!http_request)
  {
   alert('Giving up :( Cannot create an XMLHTTP instance');
  }
  else
  {
   Url="/AjaxSelectPerson.jsp";
   var linkurl=Url+"?ID="+ID+"&Type="+CompanyID+"&StartT="+StartT+"&EndT="+EndT+"&OperID="+"<%=OperID%>";
   http_request.onreadystatechange = handlestatechange;

//这是个回调函数，可以处理数据是否加载
http_request.open("GET",linkurl,true);

//true表示异步去取数据，FLASE表示同步取数据
   http_request.send(null);
   //var returntxt=unescape(http_request.responseText);
   //return returntxt;
  }

}

//回调函数的应用

function handlestatechange(){

  if(http_request.readyState == 3){//描述一种"已加载"状态；此时，响应已经被完全接收。

     }
     if(http_request.readyState == 4){//描述一种"已加载"状态；此时，响应已经被完全接收。
         if(http_request.status == 200){//200表示成功收到
           document.getElementById('loadding').style.display="none";//隐藏层

//上面函数的作用是首先做一个显示层，开始的时候隐藏，当点业务函数的时候显示出来，当数据加载过来后隐藏显示层，显示数据
document.getElementById("staff").innerHTML = http_request.responseText;

//http_request.responseText表示AJAX的返回值
         }
     }
}