一个初步的AJAX开发框架

1. <script language="javascript">
2. var XML_Http_Request = false;
3.  
4. function createXMLHttpRequest(){
5.     XML_Http_Request = false;
6.     
7.     if(window.XMLHttpRequest){        //for Mozilla
8.         XML_Http_Request = new XMLHttpRequest();
9.         if(XML_Http_Request.overrideMimeType){
10.             XML_Http_Request.overrideMimeType("text/xml");
11.         }
12.     }
13.     else if(window.ActiveXObject){   //for IE
14.         try{
15.             XML_Http_Request = new ActiveXObject("Msxml2.XMLHTTP");
16.         }catch(e){
17.             try{
18.                 XML_Http_Request = new ActiveXObject("Microsoft.XMLHTTP");
19.             }catch(e){}
20.         }
21.     }
22. }    
23.  
24. function send_Request(url){
25. /*The function send_Request has some other parameters.
26. function send_Request(url,Parameter1,Parameter2,...,Parametern){
27. */
28.     createXMLHttpRequest();
29.  
30.     if(!XML_Http_Request){
31.         window.alert("Cannot create XMLHttpRequest instance!");
32.         return false;
33.     }
34.     
35.     XML_Http_Request.onreadystatechange = process_Request;
36.     /*The function process_Request has some parameters.
37.     XML_Http_Request.onreadystatechange = function(){
38.         process_Request(Parameter1,Parameter2,...,Parametern);
39.     };
40.     */
41.     
42.     XML_Http_Request.open("GET",url,true);   //true---异步;false---同步
43.     XML_Http_Request.send(null);
44. }
45.  
46. function process_Request(){
47. /*The function process_Request has some parameters.
48. function process_Request(Parameter1,Parameter2,...,Parametern){
49. */
50.     if(XML_Http_Request.readyState == 4) {
51.         if(XML_Http_Request.status == 200) {  
52. /***********************************************************/
53.             //statements  
54. /***********************************************************/
55.         }
56.     }
57. }
58. </script>

 

---

 

  这个框架对初学者很有用,用法如下:

  1.在页面中调用 send_Request(url) . 其中 url 是目标URL, AJAX将向这个页面发送请求;

  2.在52行和53行之间添加代码,用来处理目标URL的响应.

  注意:

  1.如果函数 send_Request 除了 url 以外还有其他参数,则只需将24、25、27行删除并适当修改26行即可.

  2.如果函数 process_Request 有参数，则只需要将46、47、49行删除并适当修改48行即可.

 

  由这个初步的AJAX框架可以看出, XMLHttpRequest对象 是AJAX的核心,因此我们有必要了解 XMLHttpRequest对象 的方法和属性,点击这里查看XMLHttpRequest对象的方法和属性.