需要准备的工具:
dreamweaver cs 6,或者其他版本,或者其他前端开发工具hbuilder,sublime等
tomcat 8.0或者其他版本。
jQuery 1.11.1 或者其他版本
eclipse Oxygen 或其他版本
JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式。
https://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html
<body>
<div id="name"></div>
<script language="javascript">
var person = {
"Name": "Bob",
"Age": 32,
"Company": "IBM",
"Engineer": true
}
document.getElementById("name").innerHTML=person.age; 在网页上显示年龄
</script>
// 描述一个人
var person = {
"Name": "Bob",
"Age": 32,
"Company": "IBM",
"Engineer": true
}
// 获取这个人的信息
var personAge = person.Age;
// 描述几个人
var members = [
{
"Name": "Bob",
"Age": 32,
"Company": "IBM",
"Engineer": true
},
{
"Name": "John",
"Age": 20,
"Company": "Oracle",
"Engineer": false
},
{
"Name": "Henry",
"Age": 45,
"Company": "Microsoft",
"Engineer": false
}
]
// 读取其中John的公司名称
var johnsCompany = members[1].Company;
// 描述一次会议
var conference = {
"Conference": "Future Marketing",
"Date": "2012-6-1",
"Address": "Beijing",
"Members":
[
{
"Name": "Bob",
"Age": 32,
"Company": "IBM",
"Engineer": true
},
{
"Name": "John",
"Age": 20,
"Company": "Oracle",
"Engineer": false
},
{
"Name": "Henry",
"Age": 45,
"Company": "Microsoft",
"Engineer": false
}
]
}
// 读取参会者Henry是否工程师
var henryIsAnEngineer = conference.Members[2].Engineer;