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 }
  • 相关阅读:
    Six steps to create google map in the HTML5
    Vocabularies on vegetable, fruit, meat etc.
    常用的Windows命令
    sqlhelper
    素材
    sql sever 跨库查询
    在annotation中却会有ERROR: Duplicate entry
    一份Java学习路线图
    Java算法实例集合(2)
    Java编程规范实践
  • 原文地址:https://www.cnblogs.com/VanqusherCsn/p/4104626.html
Copyright © 2011-2022 走看看