javascripte发送请求

来源:互联网 发布:中国象棋ai算法 html5 编辑:程序博客网 时间:2024/06/05 16:53

参考:http://blog.csdn.net/sz_bdqn/article/details/3863293

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

 

1.创建XMLHttpRequest组建

 

2.设置回调函数

 

3.初始化XMLHttpRequest组建

 

4.发送请求

 

实例代码:

 

[javascript] view plaincopyprint?
  1. var userName;  
  2.     var passWord;  
  3.     var xmlHttpRequest;  
  4.       
  5.       
  6.     //XmlHttpRequest对象  
  7.     function createXmlHttpRequest(){  
  8.         if(window.ActiveXObject){ //如果是IE浏览器  
  9.             return new ActiveXObject("Microsoft.XMLHTTP");  
  10.         }else if(window.XMLHttpRequest){ //非IE浏览器  
  11.             return new XMLHttpRequest();  
  12.         }  
  13.     }  
  14.       
  15.     function onLogin(){  
  16.         userName = document.f1.username.value;  
  17.         passWord = document.f1.password.value;    
  18.           
  19.         var url = "LoginServlet?username="+userName+"&password="+passWord+"";     
  20.               
  21.         //1.创建XMLHttpRequest组建  
  22.         xmlHttpRequest = createXmlHttpRequest();  
  23.           
  24.         //2.设置回调函数  
  25.         xmlHttpRequest.onreadystatechange = zswFun;  
  26.           
  27.         //3.初始化XMLHttpRequest组建  
  28.         xmlHttpRequest.open("POST",url,true);  
  29.           
  30.         //4.发送请求  
  31.         xmlHttpRequest.send(null);    
  32.     }     
  33.       
  34.       
  35.     //回调函数  
  36.     function zswFun(){  
  37.         if(xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200){  
  38.             var b = xmlHttpRequest.responseText;  
  39.             if(b == "true"){  
  40.                 alert("登录成功!");  
  41.             }else{  
  42.                 alert("登录失败!");  
  43.             }         
  44.         }  
  45.     }