JSONP详解（一）基本概念和案例

最新推荐文章于 2021-01-17 14:00:47 发布

tangbin0505

最新推荐文章于 2021-01-17 14:00:47 发布

阅读量139

点赞数

分类专栏： JSONP

本文链接：https://blog.csdn.net/tangbin0505/article/details/82750422

版权

JSONP 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

需要准备的工具：

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;

tangbin0505

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JSONP详解（一）基本概念和案例

需要准备的工具：dreamweaver cs 6,或者其他版本，或者其他前端开发工具hbuilder,sublime等tomcat 8.0或者其他版本。jQuery 1.11.1 或者其他版本eclipse Oxygen 或其他版本JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式。https://www.cnblo...
复制链接

扫一扫