javascripte发送请求

最新推荐文章于 2025-04-08 09:39:50 发布

亚林瓜子

最新推荐文章于 2025-04-08 09:39:50 发布

阅读量779

点赞数

分类专栏： js 文章标签： xmlhttprequest javascript 浏览器 ie null url

js 专栏收录该内容

6 篇文章

订阅专栏

本文详细介绍了如何利用XMLHttpRequest对象实现AJAX登录功能，包括创建对象、设置回调函数、初始化对象和发送请求等步骤，并通过实例代码进行演示。

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

参考：http://blog.youkuaiyun.com/sz_bdqn/article/details/3863293

使用XMLHttpRequest对象分为4部完成:

1.创建XMLHttpRequest组建

2.设置回调函数

3.初始化XMLHttpRequest组建

4.发送请求

实例代码：

[javascript]view plaincopyprint? 
   
 var userName;  
     var passWord;  
     var xmlHttpRequest;  
       
       
     //XmlHttpRequest对象  
     function createXmlHttpRequest(){  
         if(window.ActiveXObject){ //如果是IE浏览器  
             return new ActiveXObject("Microsoft.XMLHTTP");  
         }else if(window.XMLHttpRequest){ //非IE浏览器  
             return new XMLHttpRequest();  
         }  
     }  
       
     function onLogin(){  
         userName = document.f1.username.value;  
         passWord = document.f1.password.value;    
           
         var url = "LoginServlet?username="+userName+"&password="+passWord+"";     
               
         //1.创建XMLHttpRequest组建  
         xmlHttpRequest = createXmlHttpRequest();  
           
         //2.设置回调函数  
         xmlHttpRequest.onreadystatechange = zswFun;  
           
         //3.初始化XMLHttpRequest组建  
         xmlHttpRequest.open("POST",url,true);  
           
         //4.发送请求  
         xmlHttpRequest.send(null);    
     }     
       
       
     //回调函数  
     function zswFun(){  
         if(xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200){  
             var b = xmlHttpRequest.responseText;  
             if(b == "true"){  
                 alert("登录成功！");  
             }else{  
                 alert("登录失败！");  
             }         
         }  
     } 