博客

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

至此。转载请注明出处。