how2j.cn

示例 1 : JSON对象与JavaScript对象   
示例 2 : 字符串转为JSON对象   
示例 3 : JSON 对象转换为字符串   

示例 1 :

JSON对象与JavaScript对象

edit
JavaScript对象 分内置对象(Number,String,Array,Date,Math)和自定义对象
JSON就是自定义对象,只不过是以JSON这样的数据组织方式表达出来
所以不存在JSON对象与JavaScript对象的转换问题
示例 2 :

字符串转为JSON对象

edit
通过字符串拼接得到一个JSON结构的字符串,并不是一个JSON对象。 需要通过eval转换得到
转换的时候注意,eval 函数要以( 开头,)结尾
或者使用JQuery的$.parseJSON转换函数
运行效果
<script> var s1 = "{\"name\":\"盖伦\""; var s2 = ",\"hp\":616}"; var s3 = s1+s2; document.write("这是一个JSON格式的字符串:" + s3); document.write("<br>"); var gareen = eval("("+s3+")"); document.write("这是一个JSON对象: " + gareen); </script>
<script>

var s1 = "{\"name\":\"盖伦\"";
var s2 = ",\"hp\":616}";
var s3 = s1+s2;

document.write("这是一个JSON格式的字符串:" + s3);
document.write("<br>");
var gareen = eval("("+s3+")");

document.write("这是一个JSON对象: " + gareen);
 
</script>


源代码
1. 双击选中单词 2. 三击选中整行 3. CTRL+F 查找 4. F8 全屏编辑,再次点击恢复
渲染中 渲染完成
效果
示例 3 :

JSON 对象转换为字符串

edit
json 对象因为是一个javascript对象,所以如果直接打印的话,看不到里面的内容。
有时候要看看这个对象是不是我们期望的,所以需要通过 JSON.stringify 函数把它转换为 字符串
运行效果
<script> var hero = {"name":"盖伦","hp":"616"}; document.write("这是一个json 对象:"+ hero); document.write("<br>"); var heroString = JSON.stringify(hero) document.write("这是一个json 字符串:"+ heroString ); </script>
<script>
var hero = {"name":"盖伦","hp":"616"};
document.write("这是一个json 对象:"+ hero);
document.write("<br>");
var heroString = JSON.stringify(hero)
document.write("这是一个json 字符串:"+ heroString );
</script>


源代码
1. 双击选中单词 2. 三击选中整行 3. CTRL+F 查找 4. F8 全屏编辑,再次点击恢复
渲染中 渲染完成
效果


HOW2J公众号,关注后实时获知最新的教程和优惠活动,谢谢。


问答区域    
2021-03-31 结合网上查询的资料,解释一下JSON
镜子里的笑脸

1.JSON到底是什么? 当浏览器和服务器进行数据交换时,这些数据只能是文本,可以理解为一段字符串。 那这些文本如何存储数据,有什么规则,怎么去解析,怎么去使用,有不同的方法。 而JSON就是一种存储和交换数据的方法。 2.JSON有什么用? 因为数据交换只能是文本,所以当浏览器与服务器交换数据时,我们可以先将JS对象数据 转换为JSON格式,然后将 JSON 发送到服务器。 也能把从服务器接收到的任何 JSON格式文本 转换为 JavaScript 对象,来进行数据处理。 3.JSON与JavaScript有什么关系? JSON使用JavaScript语法来描述数据对象,JSON 语法是 JavaScript 语法的子集,也就是 在 JavaScript 中可以直接使用JSON语法。 但JSON仍然独立于JavaScript,因为JSON数据格式是纯文本的,可以被非常多的编程语言 作为数据来读取和使用,如PHP,JSP,.NET等。 4.JSON格式如何存储数据? JSON 语法是 JavaScript 对象表示 语法的子集,JSON 数据的书写格式是:key : value。 JSON 值可以是: 数字:{ "age":30 }; 对象:{"name":"盖伦","hp":616}; 数组:[ {"name":"盖伦","hp":616}, {"name":"提莫","hp":313}, {"name":"死歌","hp":432}, {"name":"火女","hp":389} ] 布尔值:{ "flag":true }; null:{ "runoob":null } JSON 文件的文件类型是 .json。 5.JSON格式如何与JavaScript数据转换? 在向 web 服务器发送数据时,数据必须是字符串,因为可以 直接在JavaScrip中使用JSON语法,所以一般发送数据 和接收数据直接用JSON语法就可。 也可通过 JSON.stringify() 把 JavaScript 对象转换为字符串, 或者可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。 6.如何使用JSON接收和发送数据? 使用 AJAX 或者发送数据,例如: var xmlhttp = new XMLHttpRequest(); //创建 XMLHttpReques对象。 xmlhttp.onreadystatechange = function() { //设置响应函数 if (this.readyState == 4 && this.status == 200) { myObj = JSON.parse(this.responseText); //responseText获得服务器发送的响应数据。 document.getElementById("demo").innerHTML = myObj.name; } }; xmlhttp.open("GET", "json_demo.txt", true);//设置访问页面 xmlhttp.send();//send一般要包含要发送的数据。 我也是新手,上面内容都是从网上搜索总结出来的,有什么问题请指教。




3 个答案

Javeson
答案时间:2022-06-07
谢谢,我存为笔记了!

up-bear
答案时间:2021-04-23
感谢兄长!

mf_java
答案时间:2021-04-07
感谢,我直接复制到笔记



回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到




2021-03-02 字符串转为JSON对象也可以用JSON.parse()方法
赢如风

字符串转为JSON对象也可以用JSON.parse()方法







回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到




2019-12-10 这个怎么回事 eval转换报错??
2019-01-07 json包呢,以前提供的都过时了
2018-11-12 字符串拼接的代码格式 这里站长大大能说一下吗 没看懂反斜杠是怎么包裹对象的


提问太多,页面渲染太慢,为了加快渲染速度,本页最多只显示几条提问。还有 2 条以前的提问,请 点击查看

提问之前请登陆
提问已经提交成功,正在审核。 请于 我的提问 处查看提问记录,谢谢
关于 前端部分-JSON-对象转换 的提问

尽量提供截图代码异常信息,有助于分析和解决问题。 也可进本站QQ群交流: 578362961
提问尽量提供完整的代码,环境描述,越是有利于问题的重现,您的问题越能更快得到解答。
对教程中代码有疑问,请提供是哪个步骤,哪一行有疑问,这样便于快速定位问题,提高问题得到解答的速度
在已经存在的几千个提问里,有相当大的比例,是因为使用了和站长不同版本的开发环境导致的,比如 jdk, eclpise, idea, mysql,tomcat 等等软件的版本不一致。
请使用和站长一样的版本,可以节约自己大量的学习时间。 站长把教学中用的软件版本整理了,都统一放在了这里, 方便大家下载: https://how2j.cn/k/helloworld/helloworld-version/1718.html

上传截图