本文實例講述了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似乎有這個要求。
以上是我個人的想法跟理解,若有不同見解歡迎指教.
PS:關于json操作,這里再為大家推薦幾款比較實用的json在線工具供大家參考使用:
在線JSON代碼檢驗、檢驗、美化、格式化工具:
http://tools.VeVB.COm/code/json
JSON在線格式化工具:
http://tools.VeVB.COm/code/jsonformat
在線XML/JSON互相轉換工具:
http://tools.VeVB.COm/code/xmljson
json代碼在線格式化/美化/壓縮/編輯/轉換工具:
http://tools.VeVB.COm/code/jsoncodeformat
在線json壓縮/轉義工具:
http://tools.VeVB.COm/code/json_yasuo_trans
C語言風格/HTML/CSS/json代碼格式化美化工具:
http://tools.VeVB.COm/code/ccode_html_css_json
更多關于jQuery相關內容感興趣的讀者可查看本站專題:《jquery中Ajax用法總結》、《jQuery操作json數據技巧匯總》、《jQuery form操作技巧匯總》、《jQuery常用插件及用法總結》、《jQuery擴展技巧總結》、《jQuery表格(table)操作技巧匯總》及《jquery選擇器用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
新聞熱點
疑難解答