ajax請求data會遇到哪些問題

這次帶給大家ajax請求data會遇到哪些問題，ajax請求data的注意事項有哪些，下面就是實戰案例，一起來看一下。

使用jquery，post請求data:那裡要使用data:JSON.stringify(data)

$.ajax({
 type:"POST",
 async : false,
 url:"../../gzq/circle/deleteTeam",
 dataType:"json",
 contentType:"application/json; charset=utf-8",
 data:JSON.stringify(c),
 success:function(data){
  console.log(data);
 },
 error:function(error){
  console.log(error);
 }
});

原因：事實上，假如不用JSON.stringify(data) , 會變成字串拼接，'name=vinxent&age=21'，有點和get方法相像。若使用JSON.stringify(data)，則會傳送json物件--「{name;'vinxent', age:21}」

所以，在一般場景來說，get方法無需JSON.stringify， post方法需要。

angularJS請求得一些總結

$q延遲載入的使用（angularJS中的promise）

.service('findXfzzShopInfo', ['$http', '$q', function($http, $q) {
 this.get = function(shopClassId, val) {
  var def = $q.defer();
  $http({
   url: '../../shop/findXfzzShopInfo?shopClassId=' + shopClassId + '&val=' + val,
   method: 'GET',
   cache: true
  }).then(function(resp) {
   def.resolve(resp.data);
  }).catch(function(err) {
   def.reject(err.data);
  });
  return def.promise;
 };
}])

由於要進行環境的判斷，將請求封裝為服務，使用了$q的defer延遲載入。

cache: true配置

當請求內容長時間沒有變化時，我們可以使用這個配置來快取請求，減少伺服器的壓力，提高頁面的速度，當頁面關閉的時候可以清空這個快取。而且cahe後面也可以配置時間。

當請求為200的時候，你發現走的是失敗的函式

這裡要講的不是配置responseType,而是我在get請求的時候後台返回一個列表，當有值的時候你會發現完全沒有問題，沒有值得時候後台就什麼都沒返回，而你的responseType是json,這時候就進去了失敗的函數，所以還是後台坑了你,和後台商量下空的時候也回你一個物件就可以了。

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

jQuery選擇器一次取得所有父級元素及以下元素

jquery+ajax怎樣實作資料更新

實作jquery在啟動頁面立刻載入資料

用jquery操作輸入框的文字內容

以上是ajax請求data會遇到哪些問題的詳細內容。更多資訊請關注PHP中文網其他相關文章！