JSON 使用-eval函数

时间：2018/12/20 11:29:41 作者：互联网来源：网络转载查看：24481 评论：0

内容摘要：把 JSON 文本转换为 JavaScript 对象JSON 最常见的用法之一，是从 web 服务器上读取 JSON 数据（作为文件或作为 HttpRequest），将 JSON 数据转换为 JavaScript 对象，然后在网页中使用该数据。为了更简单地为您讲解，我们使用字符串...

把 JSON 文本转换为 JavaScript 对象

JSON 最常见的用法之一，是从 web 服务器上读取 JSON 数据（作为文件或作为 HttpRequest），将 JSON 数据转换为 JavaScript 对象，然后在网页中使用该数据。

为了更简单地为您讲解，我们使用字符串作为输入进行演示（而不是文件）。

JSON 实例 - 来自字符串的对象

创建包含 JSON 语法的 JavaScript 字符串：

				var txt = '{ "sites" : [' + 

				'{ "name":"JS中文教程网" , "url":"www.8939.org" },' + 

				'{ "name":"google" , "url":"www.google.com" },' + 

				'{ "name":"微博" , "url":"www.weibo.com" } ]}';

由于 JSON 语法是 JavaScript 语法的子集，JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。

eval() 函数使用的是 JavaScript 编译器，可解析 JSON 文本，然后生成 JavaScript 对象。必须把文本包围在括号中，这样才能避免语法错误：

			var obj = eval ("(" + txt + ")");

在网页中使用 JavaScript 对象：

实例

				var txt = '{ "sites" : [' + 

				'{ "name":"JS中文教程网" , "url":"www.8939.org" },' + 

				'{ "name":"google" , "url":"www.google.com" },' + 

				'{ "name":"微博" , "url":"www.weibo.com" } ]}'; 

				var obj = eval ("(" + txt + ")"); d

				ocument.getElementById("name").innerHTML=obj.sites[0].name 

				document.getElementById("url").innerHTML=obj.sites[0].url

<!DOCTYPE html>

<html>

<head>

<title>JS中文教程网 8939.org</title>

</head>

<body>

<h2>从 JSON 字符串中创建对象</h2>

<p>

网站名: <span id="name"></span><br>

网站地址: <span id="url"></span><br>

</p>

var txt = '{ "sites" : [' +

'{ "name":"JS中文教程网" , "url":"www.8939.org" },' +

'{ "name":"google" , "url":"www.google.com" },' +

'{ "name":"微博" , "url":"www.weibo.com" } ]}';

var obj = eval ("(" + txt + ")");

document.getElementById("name").innerHTML=obj.sites[0].name

document.getElementById("url").innerHTML=obj.sites[0].url

</script>

</body>

</html>

欢迎大家支持我的视频课程：JSON基础入门实战讲解

标签：微信小程序和后台数据交互教程微信小程序json教程JSON 使用-eval函数微信小程序js交互教程

上一篇：没有了
下一篇：JSON.stringify()转字符串

相关文章

相关评论

本类更新

本类推荐

本类排行

: 小白教程 | 计算机毕业设计作品网 | 小程序中文网 | 洪荒毕设网 | 毕业设计资料下载 | 网页模版下载 |

联系我们 - 服务报价 - 关于我们 - 留言本

咨询QQ/微信：45157718