zoukankan      html  css  js  c++  java
  • AJax 源码思路

    /*
    * 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 }
  • 相关阅读:
    「自己开发直播」实现nginx-rtmp-module多频道输入输出与权限控制
    抢购代码留存
    抢红包代码留存
    Table '' is marked as crashed and should be repaired 解决方法
    extundelete实现Linux下文件/文件夹数据恢复!
    RedHat设置Yum源
    MFC 自定义消息
    单例模式
    工厂模式(转)
    hash_map
  • 原文地址:https://www.cnblogs.com/VanqusherCsn/p/4104626.html
Copyright © 2011-2022 走看看