在与后台交互的时候,经常使用到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("服务器错误!");
    }
});

  至此。转载请注明出处。

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐