思洋互动网站建设学前班

向服务器发送请求

当将请求发送到服务器时，需要使用open()方法和send()方法。open()方法需要3个参数，第一个参数定义发送请求所使用的方法（是GET方法还是POST方法）；第二个参数规定服务器端脚本的URL；第三个参数规定应当对请求进行异步地处理。代码形式如下：

广州网站设计

1. var url;  
2. //alert (url);  
3. if(window.XMLHttpRequest) {         //判断是否已经加载对象  
4.     req = new XMLHttpRequest();     //实例化对象  
5. } else if(window.ActiveXObject) {  
6.     req = new ActiveXObject("Microsoft.XMLHTTP");  
7. }  
8. req.open("GET", url, true);  

send()方法可将请求送往服务器，这里需要注意，URL即服务端处理程序的路径问题。代码如下：

广州网站设计

1. var url;  
2. //alert (url);  
3. if(window.XMLHttpRequest) {         //判断是否已经加载对象  
4.     req = new XMLHttpRequest();     //实例化对象  
5. } else if(window.ActiveXObject) {  
6.     req = new ActiveXObject("Microsoft.XMLHTTP");  
7. }  
8. req.open("GET", url, true);  
9. req.send(null);  

 

下面是一个严谨的AJAX引擎函数。其中，对各种异常情况作了必要的处理。具体代码如下：

广州网站建设

1. <script type="text/JavaScript"> 
2. //AJAX引擎函数  
3. function AJAXFunction()  
4. {  
5.  var req;  
6.  //服务端处理程序  
7.  var url ;  
8.  //判断浏览器类型  
9.  try  
10.  {  
11.   //Firefox, Opera 8.0+, Safari；浏览器  
12.   req=new reqRequest();  
13.   }  
14.  catch (e)  
15.  {  
16.   //Internet Explorer；浏览器  
17.  try  
18.  {  
19.   req=new ActiveXObject("Msxml2.req");          //注册浏览器对象  
20.   }  
21.   catch (e)  
22.   {  
23.     try  
24.     {  
25.      req=new ActiveXObject("Microsoft.req");    //注册浏览器对象  
26.      }  
27.      catch (e)  
28.      {  
29.         alert("您的浏览器不支持AJAX！");         //弹出错误提示  
30.         return false;  
31.       }  
32.       }  
33.     }  
34.     req.onreadystatechange=function()           //onreadystatechange状态方法  
35.       {  
36.       if(req.readyState==4)  
37.         {  
38.          document.myForm.text.value=req.responseText;  
39.         }  
40.       }  
41.     req.open("GET",url,true);                   //获得url  
42.     req.send(null);                             //发送请求  
43.  }  
44. </script> 

广州网站建设

当然，只有AJAX引擎函数还是不够的，需要页面的触发机制才能执行AJAX。比如，通过onClick单击触发事件、onmouseover和onmouseout鼠标移动触发事件等。