加载Ajax内部的使用方式，重要四部曲！

最新推荐文章于 2023-01-11 13:14:02 发布

原创最新推荐文章于 2023-01-11 13:14:02 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

Ajax 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了使用AJAX进行用户名是否存在判断的实现方法，包括浏览器对象的定义、与服务器的连接建立、响应处理和结果展示。

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

此为判断用户名是否存在的ajax实现简单用例，重要掌握ajax重要的四部，用//1.//2.//3.//4.标注的部分

var xmlhttp; // 定义浏览器对象变量
var result;
function changeInfo(){
uservalue=document.getElementById("username").value;
var url="testServlet?username="+uservalue;
//1.判断浏览器对象
if(window.ActiveXObject){
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");   //此为IE浏览器对象的加载
} else{
     xmlhttp=new XMLHttpRequest();     //此为f非IE浏览器对象的加载包括（firefox，opera等）
}
xmlhttp.onreadystatechange=test;

/*与服务器建立连接的方法
*如果访问服务器方式为GET方式,第一个参数为GET,若为POST方式则写POST,
*第二个参数为访问服务器的路径
*第三个参数为是否异步
*/
//2.与服务器建立连接
xmlhttp.open("GET",url,true);

/*send()方法，
   *如果是GET方式,服务器接收不到内容
   *如果是POST方式设置内容，服务器可以接收到内容
*/
//3.像浏览器发送内容信息
xmlhttp.send(null);

}

function test(){
/*readState 有五种状态值分别为：
   *0,未初始化
   *1,数据读取中
   *2,已读取
   *3,交互中
   *4,成功完成
   */
   //4.服务器相应返回相应信息
if(xmlhttp.readyState==4&&xmlhttp.status==200){//status:指服务器返回的状态码如404未找到相应文件，200相应成功
      alert(xmlhttp.readyState);
      result=xmlhttp.responseText; //通过XMLHttpRequest对象从服务器获取的相应的数据类型
      alert(result);
      if(result=="false"){
       document.getElementById("tian").innerHTML="用户存在";
      }else{
       document.getElementById("tian").innerHTML="用户可用";
      }

}

}