??在使用原生Ajax發送一個請求時，程序多少有點繁瑣，jQuery中對于Ajax請求有它自己的封裝好的函式，使用起來分方便，
?在jQuery中有專門的Ajax封裝，具體參照JQuery-Ajax參考手冊網址
這里用一段練習代碼展示下使用方法：
//使用要引入jQuery檔案 <script src="https://www.cnblogs.com/dreamtown/jq/jquery-1.12.4.min.js"></script>
$.ajax({
url:"http://localhost:3000/users",
type:"get",
dataType:"json",
data:{"id":3},
beforeSend:function(xhr){
console.log("before send");
},
success:function(data){
console.log(data);
},
error:function(){
console.log("請求error");
},
complete:function(xhr){
console.log("complete");
console.log(xhr);
}
})
關于jQuery中$.ajax() 的幾個引數介紹：
-
url：請求地址；
-
type：請求方法，默認為”get"；
-
dataType：服務端回應資料型別;
-
contentType:請求體內容的型別，默認“application/x-www-form-urlencode”；
-
data：需要傳輸到服務器的資料，如果是get則通過、url傳遞；post則通過請求體傳遞；
-
timeout：請求超時時間；
-
beforeSend：請求發起之前觸發；
-
success：請求成功之后觸發（回應狀態碼200）；
-
error：請求失敗觸發；
-
complete：請求完成后觸發（不管成功與否）
jQuery中其他請求：
-
$.get()，獲取資料
jQuery中get請求快捷方法：$.get(url,data,callback回呼函式,回傳的資料格式datatype);
//發送 get請求 $.get("http://localhost:3000/liuyan",{"content":"hi"}, function(data){ console.log(data); }); -
$.post，添加資料
$.post(url,data,callback)
//發送post請求 $.post(url,data,callback,datatype) $.post("http://localhost:3000/liuyan",{"content":"ajax","userId":1}, function(data){ console.log(data); }) -
$.put，更改資料
//put 請求 $.ajax({ url:"http://localhost:3000/liuyan/5",//需要在地址上標出改的主鍵 type:"put", dataType:"json", data:{"content":"put 請求啊"},//改的內容 success:function(data){ console.log(data) } }) -
$delete，洗掉資料
//洗掉資料 delete請求 $.ajax({ url:"http://localhost:3000/liuyan/6", type:"delete", success:function(data){ console.log(data); } })//洗掉資料 delete請求 $.ajax({ url:"http://localhost:3000/liuyan/6", type:"delete", success:function(data){ console.log(data); } }) -
$.ajaxSetup() 方法設定全域 AJAX 默認選項，
$.ajaxSetup({ url:"https://localhost:3000", type:post }); $.ajax({ data:{"name":"value"} }); -
等等還有很多方法，可以參考jquery-Ajax手冊，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/282696.html
標籤：jQuery
上一篇：Vue.js組件的使用