原生js实现ajax发送get请求,将获得到的内容显示在指定的div中

author Owner  •  Filed under templates, internet

function GetXmlHttpObject(){
  /* Create a new XMLHttpRequest object to talk to the Web server */
  var xmlHttp = false;
  try {
    xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
    try {
      xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (e2) {
      xmlHttp = false;
    }
  }
  if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
    xmlHttp = new XMLHttpRequest();
  }
  return xmlHttp;
}
function loadHtml(target,url){
    var xmlHttp=GetXmlHttpObject();
    if (xmlHttp==null){
        alert('您的浏览器不支持AJAX!');
        return;
    }
    xmlHttp.open("GET",url,true);
    xmlHttp.send();
    xmlHttp.onreadystatechange=function(){
      if( xmlHttp.readyState == 4  && xmlHttp.status == 200 ){
        document.getElementById(target).innerHTML=xmlHttp.responseText;
      }
    }
}
调用方式:
loadHtml("divId","./test.htm");

如果本文对你有帮助或者还有未解决的疑问需要帮助,欢迎加入本站QQ群:323762686

Tagged: orci, lectus, varius, turpis

Comments (0)  • 2014-05-21 23:57:43 •  Edit

0 Responses

最新文章