jquery java json转字符串_json对象和字符串的相互转换

json对象和字符串的相互转换

48304ba5e6f9fe08f3fa1abda7d326ab.png

//使用json中的parser方法转换;

var str='{"name":"fendouer", "age":23}'; //这是一个json字符串''

var ob=JSON.parse(str) ; //返回一个新对象

console.log(ob.name)

//把json中的stringify对象转换成字符串

var obj={"student":[{"name":"cyl","age":"21"},{"name":"hyj","age":"23"}]}; //这是一个json对象

var str=obj.student[0].name;

var newstr=JSON.stringify(str); //返回一个新字符串

console.log(newstr);

48304ba5e6f9fe08f3fa1abda7d326ab.png

在Firefox,chrome,opera,safari,ie9,ie8等高级浏览器直接可以用JSON对象的stringify()和parse()方法。

JSON.stringify(obj)       将JSON对象转为字符串。

JSON.parse(string)       将字符串转为JSON对象格式。

简单栗子:

48304ba5e6f9fe08f3fa1abda7d326ab.png

var a={"name":"tom","sex":"男","age":"24"};

var b='{"name":"Mike","sex":"女","age":"29"}';

var aToStr=JSON.stringify(a); //对象转换成字符串

var bToObj=JSON.parse(b); //字符串转换成对象

alert(typeof(aToStr)); //string

alert(typeof(bToObj)); //object

JSON.stringify();

48304ba5e6f9fe08f3fa1abda7d326ab.png

扩展:

jquery中也有将字符串转为JSON格式的方法jquery.parseJSON( json ),接受一个标准格式的 JSON 字符串,并返回解析后的 JavaScript (JSON)对象。当然如果有兴趣可以自己封装一个jquery扩展,jQuery.stringifyJSON(obj)将JSON转为字符串。

这只是一种方法,还有几种方法,大家可以看一下:

1) jquery插件支持的转换方式:

$.parseJSON( jsonstr );

//jquery.parseJSON(jsonstr), 可以将json字符串转换成json对象。

48304ba5e6f9fe08f3fa1abda7d326ab.png

json字符串转为json对象-jQuery.parseJSON()

p{

white-space: pre-line;

font-size: 20px;

}

资源链接:http://www.css88.com/jqapi-1.9/jQuery.parseJSON/

jQuery中也有将字符串转为JSON格式的方法jQuery.parseJSON( json ),接受一个标准格式的 JSON 字符串,并返回解析后的 JavaScript (JSON)对象。

描述: 接受一个标准格式的 JSON 字符串,并返回解析后的 JavaScript 值。

从jQuery 3.0开始,不推荐使用$.parseJSON。 要解析JSON字符串,请改用原生的 JSON.parse 方法。

传入格式有误的 JSON 字符串可能导致抛出异常。例如,下面这些无效的 JSON 字符串:

---------------------------------------------------

{test: 1} (test 没有使用双引号包裹).

{'test': 1} ('test' 用了单引号而不是双引号包裹).

"{test: 1}" (test 没有使用双引号包裹).

"{'test': 1}" ('test' 用了单引号而不是双引号包裹).

"'test'" ('test' 用单引号代替双引号).

".1" (number 必须以数字开头; "0.1" 将是有效的).

"undefined" (undefined 不能表示一个 JSON 字符串; 然而null,可以).

"NaN" (NaN 不能表示一个 JSON 字符串; 用Infinity直接表示无限也是不允许的).

---------------------------------------------------

JSON标准不允许“控制字符”如制表符或换行符。

比如$.parseJSON('{"testing":"1\t2\n3"}'),大多数实现中将抛出一个错误,因为JavaScript分析器直接转换字符串的制表符和换行符为文本的制表符和换行符;

产生双反斜杠,例如"1\\t2\\n3"是预期的结果。

这个问题往往在服务器端语言,如PHP,JSON注入到一个JavaScript文件时发生。

如果浏览器实现了原生的 JSON.parse, jQuery 则会使用它来解析字符串。

在jQuery 1.9之前,如果传递给$.parseJSON一个空字符串,null, 或者 undefined,,将返回null,而不是抛出一个错误,即使这些都不是有效的JSON。

jQuery 3.0开始,$.parseJSON已经过时(不建议使用)。要将字符串解析成JSON对象,请使用原生的JSON.parse方法来代替。

//解析一个 JSON 字符串。

var d = '{"name":"郑秀晶","sex":"女","age":"23","height":"165","weight":"95g"}';

console.log(d) //

console.log(typeof(d)) //string

var obj = jQuery.parseJSON(d);

console.log(obj) //

console.log(typeof(obj)) //object

console.log( obj.name ); //郑秀晶

48304ba5e6f9fe08f3fa1abda7d326ab.png

2) 兼容:浏览器支持的转换方式(Firefox,chrome,opera,safari,ie9,ie8)等浏览器:

JSON.parse(jsonstr);                     //可以将json字符串转换成json对象

JSON.stringify(jsonobj);               //可以将json对象转换成json对符串

注:ie8(兼容模式),ie7和ie6没有JSON对象,推荐采用JSON官方的方式,引入json.js。

3) JSON官方的转换方式:

http://www.json.org/       提供了一个json.js,这样ie8(兼容模式),ie7和ie6就可以支持JSON对象以及其stringify()和parse()方法;

可以在https://github.com/douglascrockford/JSON-js上获取到这个js,一般现在用json2.js。

4) Javascript支持的转换方式(eval):

eval('(' + jsonstr + ')');     //可以将json字符串转换成json对象,注意需要在json字符外包裹一对小括号

注:ie8(兼容模式),ie7和ie6也可以使用eval()将字符串转为JSON对象,但不推荐这些方式,这种方式不安全eval会执行json串中的表达式。

48304ba5e6f9fe08f3fa1abda7d326ab.png

string转object-兼容低版本浏览器(eval实现)

ie8(兼容模式),ie7和ie6没有JSON对象,不过http://www.json.org/提供了一个json.js,

这样ie8(兼容模式),ie7和ie6就可以支持JSON对象以及其stringify()和parse()方法;

你可以在https://github.com/douglascrockford/JSON-js上获取到这个js,一般现在用json2.js。

ie8(兼容模式),ie7和ie6可以使用eval()将字符串转为JSON对象,

eval("("+c+")")

var c='{"name":"郑秀晶","sex":"女","age":"23","height":"165","weight":"95g"}';

console.log(c);

console.log(typeof(c)); //string

var cToObj=eval("("+c+")");

console.log(typeof(cToObj)); //object

48304ba5e6f9fe08f3fa1abda7d326ab.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值