$.ajax({})方法中的回調函數beforeSend,success,complete,error使用示例
阿新 • • 發佈:2018-06-30
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使用示例