本文實(shí)例講述了jQuery使用ajax方法解析返回的json數(shù)據(jù)功能。分享給大家供大家參考，具體如下：

最近在用jQuery的ajax方法傳遞接收json數(shù)據(jù)時(shí)發(fā)現(xiàn)一個(gè)問(wèn)題，那就是返回的data數(shù)據(jù)，有時(shí)候可以直接作為json數(shù)據(jù)使用，可有時(shí)候又不行。查了些資料,解釋如下:

$.ajax({
  url: ajaxurl,
  type: "POST",
  success: function(data){
   //假設(shè)返回的json數(shù)據(jù)里有status及info2個(gè)屬性
   //有時(shí)候可以直接ajaxobj.status或者ajaxobj["status"]去訪問(wèn)
   //但有時(shí)候，卻要通過(guò)eval()或者 $.parsejson();才可以通過(guò)ajaxobj.status訪問(wèn)，而且這種情況下，需要是complete而不是success
   ajaxobj=eval("("+data+")");
   //或者$.parsejson()
   //var ajaxobj = $.parsejson(data);
   if(ajaxobj.status=="0")
   {
    alert("請(qǐng)登陸.");
   }
   else if(ajaxobj.status=="1")//未綁定微博
   {
    alert(ajaxobj.info);
   }
   return true;
  },
  error:function(ajaxobj)
  {
     if(ajaxobj.responseText!='')
     alert(ajaxobj.responseText);
  }
});

先說(shuō)明第一種情況:

能夠直接 data.屬性名訪問(wèn)的情況，服務(wù)器端代碼一定是直接return的一個(gè)常量字符串。

什么是常量字符串呢，常量字符串就是指直接用“”組成的字符串，沒(méi)有定義String 變量直接把一串“”print到前臺(tái)的情況，就可以直接data.屬性名訪問(wèn)，而且jquery端只要寫success就可以拿到。

下面是造成要eval并且不能進(jìn)入success的原因：

這種情況是因?yàn)榉?wù)器端向外print的時(shí)候是一個(gè)String對(duì)象，通常此類問(wèn)題在我的代碼里是因?yàn)楹笈_(tái)json比較復(fù)雜，在組織的時(shí)候我用到了StringBuffer，然后最后print的時(shí)候print的是StringBuffer對(duì)象的toString，所以就相當(dāng)于print了一個(gè)String對(duì)象

這種情況下jquery的ajax方法就不會(huì)進(jìn)入success方法，只能用complete接收，并且想要解析data里的json數(shù)據(jù)的話，必須對(duì)data.responseText進(jìn)行eval ()或者 $.parsejson();

除此兩點(diǎn)，還有需要注意的是，如果你使用的是jq1.4，那么他對(duì)json的格式有著更嚴(yán)格的要求，所有的key和屬性都要用雙引號(hào)標(biāo)注起來(lái)，雖然key不用雙引號(hào)原生的js是允許的，但是jq1.4似乎有這個(gè)要求。

以上是我個(gè)人的想法跟理解,若有不同見(jiàn)解歡迎指教.

PS：關(guān)于json操作，這里再為大家推薦幾款比較實(shí)用的json在線工具供大家參考使用：

在線JSON代碼檢驗(yàn)、檢驗(yàn)、美化、格式化工具：
http://tools.jb51.net/code/json

JSON在線格式化工具：
http://tools.jb51.net/code/jsonformat

在線XML/JSON互相轉(zhuǎn)換工具：
http://tools.jb51.net/code/xmljson

json代碼在線格式化/美化/壓縮/編輯/轉(zhuǎn)換工具：
http://tools.jb51.net/code/jsoncodeformat

在線json壓縮/轉(zhuǎn)義工具：
http://tools.jb51.net/code/json_yasuo_trans

C語(yǔ)言風(fēng)格/HTML/CSS/json代碼格式化美化工具：
http://tools.jb51.net/code/ccode_html_css_json

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jquery中Ajax用法總結(jié)》、《jQuery操作json數(shù)據(jù)技巧匯總》、《jQuery form操作技巧匯總》、《jQuery常用插件及用法總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery表格(table)操作技巧匯總》及《jquery選擇器用法總結(jié)》

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

最新評(píng)論