Json对象和字符串互相转换json数据拼接和JSON使用方式详细介绍(小结)_json转字符串在线 - CSDN文库

36 浏览量更新于2023-03-16 评论 1 收藏 79KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

Json对象和字符串互相转换对象和字符串互相转换json数据拼接和数据拼接和JSON使用方式详使用方式详

细介绍细介绍(小结小结)

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于ECMAScript的一个子集。 JSON采用完全独立于语

言的文本格式，但是也使用了类似于C语言家族的习惯（包括C、C++、C#、Java、JavaScript、Perl、Python等）。这些特

性使JSON成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成(一般用于提升网络传输速率)。

一、一、JSON字符串转换为字符串转换为JSON对象：对象： eval() 和和 JSON.parse

eg- json字符串:

var data = '{ "name": "dran", "sex": "man" }';

var obj = eval("("+data+")"); 或者

var obj = JSON.parse(data)；

然后，就可以这样读取： alert(obj.name + obj.sex);

提示：为什么要 eval这里要添加 (“(“+data+”)”);呢？

　　原因在于：eval本身的问题。由于json是以”{}”的方式来开始以及结束的，在JS中，它会被当成一个语句块来处理，所以

必须强制性的将它转换成一种表达式。

加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式（expression）转化为对象，而不是作

为语句（statement）来执行。举一个例子，例如对象字面量{}，如若不加外层的括号，那么eval会将大括号识别为JavaScript

代码块的开始和结束标记，那么{}将会被认为是执行了一句空语句

二、二、JSON对象转换为对象转换为JSON字符串字符串：： obj.toJSONString()或者全局方法或者全局方法JSON.stringify(obj) (obj代表代表json对象对象)

eg-json对象: var obj = { "name": "dran", "sex": "man" };

var jstring = JSON.stringify(obj) ;// 建议用这个

var jstring = obj.toJSONString(); //toJSONString()不是js原生的方法，需要引入相应的库或自己定义后才能用 (不习惯用)

然后，就可以这样读取： alert(jstring);

注意：

目前，Firefox、Opera、IE8以上版本也提供了本地JSON支持。其中，JSON解释器提供的函数有：JSON.parse、

JSON.stringify。　　对于那些并不提供本地JSON支持的浏览器可以引入脚本json2.js，来实现JSON转换功能。json2.js脚本

可到https://github.com/douglascrockford/JSON-js/blob/master/json2.js页面下载

在AJAX实现前后台数据交互的时候，通常使用JSON的数据格式，对于JSON来说，有严格的代码规范，一旦格式出问题，就

无法显示出相应效果，同时还不在控制台报错

补充：补充： ajax读取读取json数据拼接显示：数据拼接显示：

json文件：

{

"first":[

{"name":"张三","sex":"男","like":["吃饭","睡觉","打豆豆"]},

{"name":"李四","sex":"男"},

{"name":"王武","sex":"男"},

{"name":"李梅","sex":"女"},

],

"second":[

{"name":"上海大学","area":"上海"},

{"name":"武汉大学","area":"武汉"},

{"name":"北京大学","area":"北京"},

{"name":"山东大学","area":"山东"},

] }

html和ajax代码

1、用、用for循环循环

$.ajax({

url : "ceshi.json",

type : "POST",

dataType :"text", //浏览器把json文件当作文本文件不然读取不出来权宜之策就改成了text，因为测试， json文件格式正确书写

success: function(data) {

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余2页未读，立即下载

评论0

weixin_38525735

粉丝: 3
资源: 881

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈