1. 程式人生 > >$.ajax({})方法中的回調函數beforeSend,success,complete,error使用示例

$.ajax({})方法中的回調函數beforeSend,success,complete,error使用示例

ali success response AD tty $.ajax encode ... orm

在與後臺交互的時候,經常使用到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("服務器錯誤!"); } });

  至此。轉載請註明出處。

$.ajax({})方法中的回調函數beforeSend,success,complete,error使用示例