$.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("服務器錯誤！");
    }
});

 

　　至此。轉載請注明出處。