位置:电子教程 > JSON教程 (如果看不到内容请使用360浏览器) 推荐学习资源
JSON 简介
JSON 语法
JSON 对象
JSON 数组
JSON.parse()
JSON.stringify()转字符串
eval函数
当前阅读教程:JSON教程 > JSON 使用 JavaScript 语法
阅读(22555525)      收藏       赞(5685)      分享
上一篇: JSON 数组 下一篇: JSON 对象

因为 JSON 使用 JavaScript 语法,所以无需额外的软件就能处理 JavaScript 中的 JSON

通过 JavaScript,您可以创建一个对象数组,并像这样进行赋值:

var employees = [

{ "firstName":"Bill" , "lastName":"Gates" },

{ "firstName":"George" , "lastName":"Bush" },

{ "firstName":"Thomas" , "lastName": "Carter" }

];

可以像这样访问 JavaScript 对象数组中的第一项:

employees[0].lastName;

返回的内容是:

Gates

可以像这样修改数据:

employees[0].lastName = "Jobs";

完整代码:

<!DOCTYPE html >

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>JSON 语法</title>

</head>

<body>

 

<h2>通过 JSON 字符串来创建对象</h3>

<p>First Name: <span id="fname"></span></p>

 

<script type="text/javascript">

var employees = [

{ "firstName":"Bill" , "lastName":"Gates" },

{ "firstName":"George" , "lastName":"Bush" },

{ "firstName":"Thomas" , "lastName": "Carter" }

];

employees[1].firstName="Jobs";

document.getElementById("fname").innerHTML=employees[1].firstName;

</script>

 

</body>

</html>

效果如图8-2-4

image.png



上一篇: JSON 数组 下一篇: JSON 对象
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)