一个初步的AJAX开发框架

1. <scriptlanguage="javascript">
2. varXML_Http_Request=false;
4. functioncreateXMLHttpRequest(){
5. XML_Http_Request=false;
7. if(window.XMLHttpRequest){//forMozilla
8. XML_Http_Request=newXMLHttpRequest();
9. if(XML_Http_Request.overrideMimeType){
10. XML_Http_Request.overrideMimeType("text/xml");
11. }
12. }
13. elseif(window.ActiveXObject){//forIE
14. try{
15. XML_Http_Request=newActiveXObject("Msxml2.XMLHTTP");
16. }catch(e){
17. try{
18. XML_Http_Request=newActiveXObject("Microsoft.XMLHTTP");
19. }catch(e){}
20. }
21. }
22. }
24. functionsend_Request(url){
25. /*Thefunctionsend_Requesthassomeotherparameters.
26. functionsend_Request(url,Parameter1,Parameter2,...,Parametern){
27. */
28. createXMLHttpRequest();
30. if(!XML_Http_Request){
31. window.alert("CannotcreateXMLHttpRequestinstance!");
32. returnfalse;
33. }
35. XML_Http_Request.onreadystatechange=process_Request;
36. /*Thefunctionprocess_Requesthassomeparameters.
37. XML_Http_Request.onreadystatechange=function(){
38. process_Request(Parameter1,Parameter2,...,Parametern);
39. };
40. */
42. XML_Http_Request.open("GET",url,true);//true---异步;false---同步
43. XML_Http_Request.send(null);
44. }
46. functionprocess_Request(){
47. /*Thefunctionprocess_Requesthassomeparameters.
48. functionprocess_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对象的方法和属性.