关闭

JSON字符串和对象相互转换

270人阅读 评论(0) 收藏 举报

同事问了我一个问题——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="lib/jquery-1.6.4.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)这个方法即可。

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:313420次
    • 积分:8748
    • 等级:
    • 排名:第2257名
    • 原创:1096篇
    • 转载:14篇
    • 译文:0篇
    • 评论:5条
    最新评论