• 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 }
  • 相关阅读:
    oracle 常用函数
    css 让div 置于最顶层而不被其他东西挡住
    hibernate学习
    css居中参考
    log4j 将日志文件输出到web-inf下的解决办法
    mybatis 传递多个值的解决办法
    web项目中的路径问题
    sring 监听器
    struts2返回json字符串
    java 需要看的书籍
  • 原文地址:https://www.cnblogs.com/VanqusherCsn/p/4104626.html
Copyright © 2020-2023  润新知