ajax基础文件

最新推荐文章于 2024-09-19 13:22:45 发布

阿顿

最新推荐文章于 2024-09-19 13:22:45 发布

阅读量451

点赞数

CC 4.0 BY-SA版权

文章标签： ajax xmlhttprequest firefox callback 服务器 div

本文链接：https://blog.youkuaiyun.com/dunyanan1/article/details/6834065

本文深入探讨了HTTP请求及XMLHttpRequest对象的使用方法，详细解释了如何通过XMLHttpRequest发送GET请求并接收服务器响应，包括关键步骤、核心概念以及实例演示。

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

unction verify(){
alert(document.getElementById("username").value);
//第一步创建XMLHttpRequest对象，注意不同浏览器的区别
//IE7.0 0.0 firefox mozillar opera safari
//声明全局变量
var xmlhttp;
//获取username
var username = document.getElementById("username").defaultvalue;

if(window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();

//针对firefox的一个bug
if(xmlhttp.overrideMimeType){
   xmlhttp.overrideMimeType("text/xml");
}
}

else if(window.ActiveXObject){
   //IE5.0 5.5 6.0
//较新MSXML2.XMLHTTP 较旧Microsoft.XMLHTTP
var activename= ['MSXML2.XMLHTTP','Microsoft.XMLHTTP'];
for(var i=0;i<activename.length;i++){
      try{              //出现异常
      var xmlhttp = new ActiveXObject("activename[i]");

      break;
      }
      catch(e){
      }
}
}

//第二步：指定相应的处理函数
xmlhttp.onreadystatechange = callback;

function callback(){

   //接收服务器端（demo.php）返回来的xml数据，动态写入div预留空间
   //接受信息的前提条件是
   //第一个条件HTTP请求的状态为“HTTP相应已完全接收”
   //readyState=4
   //第二个条件由服务器返回的 HTTP 状态代码，如 200 表示成功，
//status=200

   if(xmlhttp.readyState == 4){
          alert(xmlhttp.status);
   if(xmlhttp.status == 200){

    alert("收到了");
//获取xml数据responseText
var responseText = xmlhttp.responseText;
//动态写入div的预留空间
//获取div元素节点
var divNode = document.getElementById("result");
//写入文本信息
divNode.innerHTML = responseText;
       }
   }
}

//第三步：发送HTTP请求
//open 、send
//open(method, url, async)
//method:post/get/head
//async:true/false

xmlhttp.open('GET','demo.php?name='+username,true);
xmlhttp.send(null);

}