首頁 >web前端 >js教程 >jQuery使用ajax方法解析傳回的json資料功能範例

jQuery使用ajax方法解析傳回的json資料功能範例

高洛峰
高洛峰原創
2017-01-12 10:15:541152瀏覽

本文實例講述了jQuery使用ajax方法解析傳回的json資料功能。分享給大家供大家參考,具體如下:

最近在用jQuery的ajax方法傳遞接收json數據時發現一個問題,那就是返回的data數據,有時可以直接作為json數據使用,可有時又不行。查了些資料,解釋如下:

$.ajax({
  url: ajaxurl,
  type: "POST",
  success: function(data){
   //假设返回的json数据里有status及info2个属性
   //有时候可以直接ajaxobj.status或者ajaxobj["status"]去访问
   //但有时候,却要通过eval()或者 $.parsejson();才可以通过ajaxobj.status访问,而且这种情况下,需要是complete而不是success
   ajaxobj=eval("("+data+")");
   //或者$.parsejson()
   //var ajaxobj = $.parsejson(data);
   if(ajaxobj.status=="0")
   {
    alert("请登陆.");
   }
   else if(ajaxobj.status=="1")//未绑定微博
   {
    alert(ajaxobj.info);
   }
   return true;
  },
  error:function(ajaxobj)
  {
     if(ajaxobj.responseText!='')
     alert(ajaxobj.responseText);
  }
});

先說明第一種情況:

能夠直接 data.屬性名存取的情況,伺服器端程式碼一定是直接return的一個常數字串。

什麼是常數字串呢,常數字串就是指直接用「」組成的字串,沒有定義String 變數直接把一串「」print到前台的情況,就可以直接data.屬性名訪問,而且jquery端只要寫success就可以拿到。

下面是造成要eval並且不能進入success的原因:

這種情況是因為伺服器端向外print的時候是一個String對象,通常此類問題在我的程式碼裡是因為後台json比較複雜,在組織的時候我用到了StringBuffer,然後最後print的時候print的是StringBuffer物件的toString,所以就等於print了一個String物件

這種情況下jquery的ajax方法就不會進入success方法,只能用complete接收,想要解析data裡的json資料的話,必須對data.responseText進行eval ()或$.parsejson();

除此兩點,還有需要注意的是,如果你使用的是jq1 .4,那麼他對json的格式有著更嚴格的要求,所有的key和屬性都要用雙引號標註起來,雖然key不用雙引號原生的js是允許的,但是jq1.4似乎有這個要求。

以上是我個人的想法跟理解,若有不同見解歡迎指教.

希望本文所述對大家jQuery程式設計有所幫助。

更多jQuery使用ajax方法解析返回的json資料功能範例相關文章請關注PHP中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn