ajax的XMLHttpRequest()对象

最新推荐文章于 2020-12-05 19:42:04 发布

少侠留步

最新推荐文章于 2020-12-05 19:42:04 发布

阅读量468

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/django100/article/details/17279639

本文详细介绍了如何使用XMLHttpRequest进行异步数据请求，并展示了如何根据服务器返回的状态码来判断请求是否成功。此外，还提供了具体的JavaScript代码示例，帮助读者理解如何创建XMLHttpRequest对象并发送GET请求。

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

<script type="text/javascript">
var xmlhttp;
function loadXMLDoc(url)
{
xmlhttp=null;
if (window.XMLHttpRequest)
  {// 适用所有浏览器的创建方式
  xmlhttp=new XMLHttpRequest();
  }
else if (window.ActiveXObject)
  {//老版本的创建方式主要是ie5 6
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
if (xmlhttp!=null)
  {
  xmlhttp.onreadystatechange=state_Change;//onreadystatechange是个事件句柄，值是个函数，当XMLHttpRequest 对象的状态发生改变时，会触发此函数，一般函数里面
//只定义状态为4时执行的代码
  xmlhttp.open("GET",url,true);//第三个参数true表示异步处理，在send函数后继续执行脚本，不用等待来自服务器的响应
  xmlhttp.send(null);
  }
else
  {
  alert("Your browser does not support XMLHTTP.");
  }
}

function state_Change()
{
if (xmlhttp.readyState==4)
  {// 4 = "loaded"
  if (xmlhttp.status==200)
    {// 200 = OK
    // ...our code here...
    }
  else
    {
    alert("Problem retrieving XML data");
    }
  }
}
</script>