码迷,mamicode.com
首页 > Web开发 > 详细

AJax 源码思路

时间:2014-11-18 00:16:24      阅读:153      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   io   color   ar   os   sp   数据   

/*
* Ajax的源码实践
*
* 创建一个Ajax
* 创建连接
* 请求
* 返回
* -----------美丽的分割线-------------------------
* 1>>>>>>>>>
* XMLHttpRequest 火狐下
* ActiveXObject(‘Microsoft.XMLHTTP‘) IE下
*
* 2>>>>>>>>>
* onreadystatechange 当客户端和服务器发生通信时调用
*
* readyState 和服务器通信完成到第几部了【只代表是否结束不代表是否成功】
* 0 初始化 还没有调用open方法
* 1 已经调用了send()方法
* 2 载入 send()方法完成
* 3 正在解析内容
* 4 完成解析客户端调用
*
* status 请求结果【是否成功】
* 200 代表成功
*
* responseText 服务器解析完成返回的内容
*/

 

 1 function ajax(url , fnSucc , fnFaild )
 2 {
 3     //创建一个ajax
 4     var oAjax = null;
 5     if(window.XMLHttpRequest)
 6     {
 7         oAjax = new XMLHttpRequest;
 8     }
 9     else
10     {
11         oAjax = new ActiveXObject(‘Microsoft.XMLHTTP‘);
12     }
13 
14     //创建连接
15     oAjax.open(‘GET‘, url , true);
16 
17     //发送请求
18     oAjax.send();
19 
20     //返回数据
21     oAjax.onreadystatechange=function()
22     {
23         if(oAjax.readyState == 4)
24         {
25             if(oAjax.status == 200)
26             {
27                 fnSucc(oAjax.responseText);
28             }
29             else
30             {
31                 if(fnFaild)//如果有第三个参数 才执行
32                 {
33                     fnSucc();
34                 }
35 
36             }
37         }
38     }
39 }

 

AJax 源码思路

标签:style   blog   http   io   color   ar   os   sp   数据   

原文地址:http://www.cnblogs.com/VanqusherCsn/p/4104626.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!