同事问了我一个问题——server端返回了一个json结构的字符串，怎么样去访问json对象里面的值？jquery有没有对返回的JSON数据进行解析？
我自己写了一个小的demo，还有从网上查了一些资料，在这里跟大家分享一下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <script src="https://www.jb51.net/jquery-1.6.2.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready( function(){ var json = {"name":"Mike","sex":"女","age":29}; alert(typeof json); var temp = obj2str(json); alert(temp); alert(typeof temp); } ); //下面这个方法是将json对象转换为字符串 function obj2str(o){ var r = []; if(typeof o =="string") return "\""+o.replace(/([\'\"\\])/g,"\\$1").replace(/(\n)/g,"\\n").replace(/(\r)/g,"\\r").replace(/(\t)/g,"\\t")+"\""; if(typeof o =="undefined") return "undefined"; if(typeof o == "object"){ if(o===null) return "null"; else if(!o.sort){ for(var i in o) r.push(i+":"+obj2str(o[i])) r="{"+r.join()+"}" }else{ for(var i =0;i<o.length;i++) r.push(obj2str(o[i])) r="["+r.join()+"]" } return r; } return o.toString(); } /*使用jquery插件，需要注意的是json的key-value必须都为字符串，即都需要使用双引号包起来, 不能使用单引号，如果value是数字就不需要用双引号包起来*/ function jquery_string_to_json(){ var jsonString = '{"name":"huangbiao","sex":"boy","age":16}'; //var jsonString = "{'name':'huangbiao','sex':'boy','age':16}";//错误的声明 alert(typeof jsonString); var obj = jQuery.parseJSON(jsonString); alert(typeof obj); } /*使用eval方法对于字符串里面的key-value都必须使用双引号括起来，不能使用单引号，否则不 能够正常解析*/ function String_to_JSON(){ var json = '{"name":"huangbiao","sex":"boy","age":16}'; var temp = eval('('+json+')');//eval方法里面的括号是不能够少的，否则报脚本错误 alert(typeof temp); alert(temp.name); //使用JSON对象只能在IE8以上的版本支持，因此不建议使用这种方式转换 //var json = '{"name":"Mike","sex":"女","age":"29"}'; //var temp = JSON.parse(json); //alert(temp.name); } </script> <title>无标题文档</title> </head> <body> </body> </html>
在工作中发现server端传给前端JSON格式的字符串，使用eval("("+json+")");没有办法将得到的字符串转换为JSON对象，解决办法如下：
function obj2str(o){ var r = []; if(typeof o =="string") return "\""+o.replace(/([\'\"\\])/g,"\\$1").replace(/(\n)/g,"\\n").replace(/(\r)/g,"\\r").replace(/(\t)/g,"\\t")+"\""; if(typeof o =="undefined") return "undefined"; if(typeof o == "object"){ if(o===null) return "null"; else if(!o.sort){ for(var i in o) r.push(i+":"+obj2str(o[i])) r="{"+r.join()+"}" }else{ for(var i =0;i<o.length;i++) r.push(obj2str(o[i])) r="["+r.join()+"]" } return r; } return o.toString(); } function json2obj(o){ var result = obj2str(o); return eval("(" + result + ")"); }
调用json2obj(o)这个方法即可。
PS：这里再为大家推荐几款json在线工具，相信大家在今后的开发中可以用得到：
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》