zoukankan      html  css  js  c++  java
  • 创建简单的ajax对象

    1 function ajax(url, fnSucc, fnFaild)
    2 {
    3     //1.创建ajax对象
    4     var oAjax=null;
    5    
    6     if(window.XMLHttpRequest)
    7     {
    8         oAjax=new XMLHttpRequest();
    9     }
    10     else
    11     {
    12         oAjax=new ActiveXObject("Microsoft.XMLHTTP");//让IE6兼容 XMLHttpRequest
    13     }
    14    
    15     //2.连接服务器
    16     //open(方法, url, 是否异步)
    17     oAjax.open('GET', url, true);
    18    
    19     //3.发送请求
    20     oAjax.send();
    21    
    22     //4.接收返回
    23     /*OnReadyStateChange监控请求状态
    24         readyState属性:请求状态
    25             -> 0(未初始化)还没有调用open()方法
    26             -> 1(载入)已调用send()方法,正在发送请求
    27             -> 2(载入完成)send()方法完成,已收到全部响应内容
    28             -> 3 (解析)正在解析响应内容
    29             -> 4 (完成)响应内容解析完成,可以在客户端调用
    30         status属性:请求结果(成功==200)
    31         responseText:服务器返回给客户端的内容
    32     */
    33     oAjax.onreadystatechange=function ()
    34     {
    35         if(oAjax.readyState==4)
    36         {
    37             if(oAjax.status==200)
    38             {
    39                 //alert('成功:'+oAjax.responseText);
    40 fnSucc(oAjax.responseText); 41             }
    42             else
    43             {
    44                 if(fnFaild)
    45                 {
    46                     fnFaild();
    47                 }
    48             }
    49         }
    50     };
    51 }

  • 相关阅读:
    ajax处理响应(三)
    ajax起步 (二)
    ajax的使用(一)
    css相关用法
    vue 实例的生命周期
    vue中computed与watch的异同
    文本显示,单行超出和多行超出显示省略号
    vue+mui+html5+ plus开发的混合应用底部导航的显示与隐藏
    addEventListener()与removeEventListener(),追加事件和删除追加事件
    原生js中获取this与鼠标对象以及vue中默认的鼠标对象参数
  • 原文地址:https://www.cnblogs.com/mingjian/p/3412970.html
Copyright © 2011-2022 走看看