简单使用JSON,JavaScript中创建 JSON 对象(一)

时间:2021-09-28 15:44:42

JSON:JavaScript 对象表示法(JavaScript Object Notation)。

JSON 是存储和交换文本信息的语法。类似 XML。

JSON 比 XML 更小、更快,更易解析。


简单使用JSON

新建立json.html

<html>
<body>
<h2>
在 JavaScript 中创建 JSON 对象
</h2> <p>
Name:
<span id="jname"></span>
<br />
Age:
<span id="jage"></span>
<br />
Address:
<span id="jstreet"></span>
<br />
Phone:
<span id="jphone"></span>
<br />
</p> <script type="text/javascript">
var JSONObject = {
"name" : "Bill Gates",
"street" : "Fifth Avenue New York 666",
"age" : 56,
"phone" : "555 1234567"
};
document.getElementById("jname").innerHTML = JSONObject.name
document.getElementById("jage").innerHTML = JSONObject.age
document.getElementById("jstreet").innerHTML = JSONObject.street
document.getElementById("jphone").innerHTML = JSONObject.phone
</script> </body>
</html>

 

打开显示:

简单使用JSON,JavaScript中创建 JSON 对象(一)