$.ajaxSetup在ajax請求中的使用

轉載：https://blog.csdn.net/beitian_123/article/details/100601872

1. 背景
        在工作中常用到ajax請求進行前后台交互，有時候一個頁面中多處需要發送ajax請求，於是便見到前輩寫的ajaxSetup代碼，找來若干本參考書，進行研究和學習，發現ajaxSetup是簡化ajax工作量的一個不錯的手段，於是寫了幾個例子，特在此進行總結。

2. 應用場景
       對於通過ajax頻繁與后台進行交互的頁面來說，每一次交互都需要設置很多選項，這個工作是頻繁且大量的，比較繁瑣，於是可以使用$.ajaxSetup將公共部分抽取出來，是普通的ajax請求變得簡單。

3. 用例代碼

 

 

 

 

<script>
var jst = {"name":"songjiang","age":"42"};
$(function(){

$.ajaxSetup({
url:$("#inputDemo00").val(),
type:"POST",
contentType:'application/json;charset=UTF-8',
cache:"false",
dataType:"json",
success:function(data){
var res = JSON.stringify(data);
$("#inputDemo02").val(res);
},
error:function(data){
alert(data);
}
});

$("#inputTest01").click(function(){
$.ajax({
data:JSON.stringify(JSON.parse($("#inputDemo01").val())),
});
});

$("#inputTest02").click(function(){
$.ajax({
data:JSON.stringify(jst)
});
});

});


</script>
上述代碼只需要在發送ajax時填寫data即可，其他的選項都可以使用ajaxSetup中的內容
————————————————
版權聲明：本文為CSDN博主「beitian_china」的原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/beitian_123/article/details/100601872