ajax請(qǐng)求data遇到的問(wèn)題分析

更新時(shí)間：2018年01月18日 08:49:21 投稿：laozhang

本篇文章為大家分析了在ajax進(jìn)行數(shù)據(jù)請(qǐng)求的時(shí)候遇到的問(wèn)題以及解決辦法，一起參考學(xué)習(xí)下。

使用jquery，post請(qǐng)求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);
 }
});

原因：事實(shí)上，假如不用JSON.stringify(data), 會(huì)變成字符串拼接，'name=vinxent&age=21'，有點(diǎn)和get方法相像。若使用JSON.stringify(data)，則會(huì)傳輸json對(duì)象--“{name;'vinxent', age:21}”

所以，在一般場(chǎng)景來(lái)說(shuō)，get方法無(wú)需JSON.stringify，post方法需要。

angularJS請(qǐng)求得一些總結(jié)

$q延時(shí)加載的使用（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;
 };
}])

由于要進(jìn)行環(huán)境的判斷，將請(qǐng)求封裝為服務(wù)，使用了$q的defer延時(shí)加載。

cache: true配置

當(dāng)請(qǐng)求內(nèi)容長(zhǎng)時(shí)間沒(méi)有變化時(shí)，我們可以使用這個(gè)配置來(lái)緩存請(qǐng)求，減少服務(wù)器的壓力，提高頁(yè)面的速度，當(dāng)頁(yè)面關(guān)閉的時(shí)候可以清空這個(gè)緩存。而且cahe后面也可以配置時(shí)間。

當(dāng)請(qǐng)求為200的時(shí)候，你發(fā)現(xiàn)走的是失敗的函數(shù)

這里要講的不是配置responseType,而是我在get請(qǐng)求的時(shí)候后臺(tái)返回一個(gè)列表，當(dāng)有值的時(shí)候你會(huì)發(fā)現(xiàn)完全沒(méi)有問(wèn)題，沒(méi)有值得時(shí)候后臺(tái)就什么都沒(méi)返回，而你的responseType是json,這時(shí)候就進(jìn)去了失敗的函數(shù)，所以還是后臺(tái)坑了你,和后臺(tái)商量下空的時(shí)候也返回你一個(gè)對(duì)象就可以了。

以上就是我們本次整理的關(guān)于ajax請(qǐng)求中遇到的問(wèn)題，大家在學(xué)習(xí)的時(shí)候如果還有任何不明白的可以在下方的留言區(qū)討論，感謝你對(duì)腳本之家的支持。

您可能感興趣的文章:

ajax
data

相關(guān)文章

jQuery插件form-validation-engine正則表達(dá)式操作示例
這篇文章主要介紹了jQuery插件form-validation-engine正則表達(dá)式操作,結(jié)合實(shí)例形式分析了jQuery插件form-validation-engine進(jìn)行正則驗(yàn)證操作的相關(guān)技巧,需要的朋友可以參考下
2017-02-02
jquery 選擇器引擎sizzle淺析
用jquery的大概有一年了，只知道$(selector)，其內(nèi)部選擇器是如何實(shí)現(xiàn)并不完全不清晰，汗顏啊于是看了jquery的源碼,jquery用的選擇器的引擎是sizzle,感興趣的朋友可以了解下，或許本文對(duì)你有所幫助
2013-02-02
JQuery的ajax獲取數(shù)據(jù)后的處理總結(jié)(html,xml,json)
三種數(shù)據(jù)格式中最簡(jiǎn)單的就是html格式，返回回來(lái)以后可以直接使用,上面的處理方式就是json的處理方式xml的處理方式。
2010-07-07
jquery簡(jiǎn)單插件制作(fn.extend)完整實(shí)例
這篇文章主要介紹了jquery簡(jiǎn)單插件制作(fn.extend)方法,結(jié)合完整實(shí)例形式分析了jQuery fn.extend擴(kuò)展插件的實(shí)現(xiàn)技巧,需要的朋友可以參考下
2016-05-05
JQuery設(shè)置文本框和密碼框得到焦點(diǎn)時(shí)的樣式
設(shè)置文本框和密碼框得到焦點(diǎn)時(shí)的樣式，通過(guò)jquery來(lái)實(shí)現(xiàn)，需要注意的是中間用逗號(hào)隔開，感興趣的朋友可以參考下
2013-08-08
Jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對(duì)象,Map()方法詳解以及數(shù)組中查詢某值是否存在
今天小編就為大家分享一篇關(guān)于Jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對(duì)象|Map()方法詳解以及數(shù)組中查詢某值是否存在，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧
2019-01-01
JQuery常用簡(jiǎn)單動(dòng)畫操作方法回顧與總結(jié)
這篇文章主要介紹了JQuery常用簡(jiǎn)單動(dòng)畫操作方法,回顧與總結(jié)了jQuery常用的各種動(dòng)畫效果操作方法及相關(guān)使用技巧,需要的朋友可以參考下
2019-12-12
用jquery設(shè)置按鈕的disabled屬性的實(shí)現(xiàn)代碼
在html標(biāo)簽中設(shè)置按鈕被禁用，可以使用如下代碼
2010-11-11
在頁(yè)面上用action傳遞參數(shù)到后臺(tái)出現(xiàn)亂碼的解決方法
本篇文章主要是對(duì)在頁(yè)面上用action傳遞參數(shù)到后臺(tái)出現(xiàn)亂碼的解決方法進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2013-12-12
jquery在啟動(dòng)頁(yè)面時(shí),自動(dòng)加載數(shù)據(jù)的實(shí)例
下面小編就為大家分享一篇jquery在啟動(dòng)頁(yè)面時(shí),自動(dòng)加載數(shù)據(jù)的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-01-01