zoukankan      html  css  js  c++  java
  • $.ajax({})方法中的回调函数beforeSend,success,complete,error使用示例

    在与后台交互的时候,经常使用到jquery的$.ajax()方法来请求数据。回调函数用的比较多的是success,但是beforeSend、complete、error函数也是很有用的。
    下面是使用例子小结:

    $.ajax({
        url: "pro/test.php",
        type: "post",
        timeout: 5000,
        async: true,
        cache: true,
        data: $('#jsForm').serialize(),
        dataType: "json",
        contentType: "application/x-www-form-urlencoded",
        beforeSend: function(XMLHttpRequest){
            console.log(this);
            $("#inp").val("正在获取数据..."); 
        },
        success: function(data){
            console.log(data);
            $(".display").html("获取到的数据:</br>");
            $(".display").append("总条数:"+data.data.all_count);
            $("#inp").val("点击获取数据"); 
        },
        complete: function(XMLHttpRequest,textStatus){
            if(textStatus=='timeout'){
                var xmlhttp = window.XMLHttpRequest ? new window.XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHttp");
                xmlhttp.abort(); 
                $(".box").html("网络超时!");
        }
            $("#inp").val("点击获取数据"); 
        },
        error: function(XMLHttpRequest, textStatus){
            console.log(XMLHttpRequest);  //XMLHttpRequest.responseText    XMLHttpRequest.status   XMLHttpRequest.readyState
            console.log(textStatus);
            $(".box").html("服务器错误!");
        }
    });

      至此。转载请注明出处。

  • 相关阅读:
    php防止刷流量攻击
    PHP序列化变量的4种方法
    php递归操作目录 递归对参数转义
    php 图像裁剪(自定义裁剪图片大小)
    jquery实现点击文字后变成文本框且可修改
    mysql查看表注释和字段注释的方法
    php 获取中文字符串首字母
    Nginx.conf配置
    光盘作为yum源
    win7下安装mongodb
  • 原文地址:https://www.cnblogs.com/wcwnina/p/9248406.html
Copyright © 2011-2022 走看看