什么是json和jsonp,jQuery json实例详详细说明_json
前面简单说了一下，JSON是一种基于文本的数据交换方式，或者叫做数据描述格式，你是否该选用他首先肯定要关注它所拥有的优点。
JSON的优点：
1、基于纯文本，跨平台传递极其简单；
2、Javascript原生支持，后台语言几乎全部支持；
3、轻量级数据格式，占用字符数量极少，特别适合互联网传递；
4、可读性较强，虽然比不上XML那么一目了然，但在合理的依次缩进之后还是很容易识别的；
5、容易编写和解析，当然前提是你要知道数据结构；
JSON的缺点当然也有，但在作者看来实在是无关紧要的东西，所以不再单独说明。
JSON的格式或者叫规则：
JSON能够以非常简单的方式来描述数据结构，XML能做的它都能做，因此在跨平台方面两者完全不分伯仲。
1、JSON只有两种数据类型描述符，大括号{}和方括号[]，其余英文冒号:是映射符，英文逗号,是分隔符，英文双引号”"是定义符。
2、大括号{}用来描述一组“不同类型的无序键值对集合”（每个键值对可以理解为OOP的属性描述），方括号[]用来描述一组“相同类型的有序数据集合”（可对应OOP的数组）。
3、上述两种集合中若有多个子项，则通过英文逗号,进行分隔。
4、键值对以英文冒号:进行分隔，并且建议键名都加上英文双引号”"，以便于不同语言的解析。
5、JSON内部常用数据类型无非就是字符串、数字、布尔、日期、null 这么几个，字符串必须用双引号引起来，其余的都不用，日期类型比较特殊，这里就不展开讲述了，只是建议如果客户端没有按日期排序功能需求的话，那么把日期时间直接作为字符串传递就好，可以省去很多麻烦。
JSON实例：
// 描述一个人
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;
什么是JSONP？
其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，小可不才，试着用自己的方式来阐释一下这个问题，看看是否有帮助。
1、一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准；
2、不过我们又发现，Web页面上调用js文件时则不受是否跨域的影响（不仅如此，我们还发现凡是拥有”src”这个属性的标签都拥有跨域的能力，比如<script>、<img src="/static/imghw/default1.png" data-src="http://remoteserver.com/remote.js" class="lazy" alt="什么是json和jsonp,jQuery json实例详详细说明_json" >、<iframe>）； <BR>3、于是可以判断，当前阶段如果想通过纯web端（ActiveX控件、服务端代理、属于未来的HTML5之Websocket等方式不算）跨域访问数据就只有一种可能，那就是在远程服务器上设法把数据装进js格式的文件里，供客户端调用和进一步处理； <BR>4、恰巧我们已经知道有一种叫做JSON的纯字符数据格式可以简洁的描述复杂数据，更妙的是JSON还被js原生支持，所以在客户端几乎可以随心所欲的处理这种格式的数据； <BR>5、这样子解决方案就呼之欲出了，web客户端通过与调用脚本一模一样的方式，来调用跨域服务器上动态生成的js格式文件（一般以JSON为后缀），显而易见，服务器之所以要动态生成JSON文件，目的就在于把客户端需要的数据装入进去。 <BR>6、客户端在对JSON文件调用成功之后，也就获得了自己所需的数据，剩下的就是按照自己需求进行处理和展现了，这种获取远程数据的方式看起来非常像AJAX，但其实并不一样。 <BR>7、为了便于客户端使用数据，逐渐形成了一种非正式传输协议，人们把它称作JSONP，该协议的一个要点就是允许用户传递一个callback参数给服务端，然后服务端返回数据时会将这个callback参数作为函数名来包裹住JSON数据，这样客户端就可以随意定制自己的函数来自动处理返回数据了。 <BR>如果对于callback参数如何使用还有些模糊的话，我们后面会有具体的实例来讲解。 <br><br><STRONG>JSONP的客户端具体实现： <BR>不管jQuery也好，extjs也罢，又或者是其他支持jsonp的框架，他们幕后所做的工作都是一样的，下面我来循序渐进的说明一下jsonp在客户端的实现： <BR>1、我们知道，哪怕跨域js文件中的代码（当然指符合web脚本安全策略的），web页面也是可以无条件执行的。 <BR>远程服务器remoteserver.com根目录下有个remote.js文件代码如下： <BR><div class="codetitle"><span><a style="max-width:90%" data="5077" class="copybut" id="copybut5077" onclick="doCopy('code5077')"><U>复制代码 代码如下:<div class="codebody" id="code5077"> <BR>alert('我是远程文件'); <BR> <BR>本地服务器localserver.com下有个jsonp.html页面代码如下： <BR><div class="codetitle"><span><a style="CURSOR: pointer" data="83051" class="copybut" id="copybut83051" onclick="doCopy('code83051')"><U>复制代码 代码如下:<div class="codebody" id="code83051"> <BR><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <BR><html xmlns="http://www.w3.org/1999/xhtml"> <BR><head> <BR><title> <BR><script type="text/javascript"></script>
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸！
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
热门话题
golang WebSocket与JSON的结合：实现数据传输和解析
Dec 17, 2023 pm 03:06 PM
golangWebSocket与JSON的结合：实现数据传输和解析在现代的Web开发中，实时数据传输变得越来越重要。WebSocket是一种用于实现双向通信的协议，与传统的HTTP请求-响应模型不同，WebSocket允许服务器向客户端主动推送数据。而JSON（JavaScriptObjectNotation）是一种用于数据交换的轻量级格式，它简洁易读
如何在Java中使用@Expose注解从JSON中排除一个字段？
Sep 16, 2023 pm 09:49 PM
Gson@Expose注解可用于标记字段是否公开（包含或不包含）以进行序列化或反序列化。@Expose注释可以采用两个参数，每个参数都是一个布尔值，可以采用值true或false。为了让GSON对@Expose注释做出反应，我们必须使用GsonBuilder类创建一个Gson实例，并且需要调用excludeFieldsWithoutExposeAnnotation()方法，它将Gson配置为排除所有没有Expose注释的字段进行序列化或反序列化。语法publicGsonBuilderexclud
MySQL5.7和MySQL8.0的区别是什么？
Feb 19, 2024 am 11:21 AM
MySQL5.7和MySQL8.0是两个不同的MySQL数据库版本，它们之间有以下一些主要区别：性能改进：MySQL8.0相对于MySQL5.7有一些性能改进。其中包括更好的查询优化器、更高效的查询执行计划生成、更好的索引算法和并行查询等。这些改进可以提高查询性能和整体系统性能。JSON支持：MySQL8.0引入了对JSON数据类型的原生支持，包括JSON数据的存储、查询和索引。这使得在MySQL中处理和操作JSON数据变得更加方便和高效。事务特性：MySQL8.0引入了一些新的事务特性，如原子
PHP 数组转 JSON 的性能优化技巧
May 04, 2024 pm 06:15 PM
PHP数组转JSON的性能优化方法包括：使用JSON扩展和json_encode()函数；添加JSON_UNESCAPED_UNICODE选项以避免字符转义；使用缓冲区提高循环编码性能；缓存JSON编码结果；考虑使用第三方JSON编码库。
C#开发中如何处理XML和JSON数据格式
Oct 09, 2023 pm 06:15 PM
C#开发中如何处理XML和JSON数据格式，需要具体代码示例在现代软件开发中，XML和JSON是广泛应用的两种数据格式。XML（可扩展标记语言）是一种用于存储和传输数据的标记语言，而JSON（JavaScript对象表示）是一种轻量级的数据交换格式。在C#开发中，我们经常需要处理和操作XML和JSON数据，本文将重点介绍如何使用C#处理这两种数据格式，并附上
使用golang中的json.MarshalIndent函数将结构体转换为格式化的JSON字符串
Nov 18, 2023 pm 01:59 PM
使用golang中的json.MarshalIndent函数将结构体转换为格式化的JSON字符串在使用Golang编写程序时，我们经常需要将结构体转换为JSON字符串，在这个过程中，json.MarshalIndent函数可以帮助我们实现格式化的输出。下面我们将详细介绍如何使用这个函数，并提供具体的代码示例。首先，让我们创建一个包含一些数据的结构体。以下是示
Pandas使用教程：读取JSON文件的快速入门
Jan 13, 2024 am 10:15 AM
快速入门：Pandas读取JSON文件的方法，需要具体代码示例引言：在数据分析和数据科学领域，Pandas是一个重要的Python库之一。它提供了丰富的功能和灵活的数据结构，能够方便地对各种数据进行处理和分析。在实际应用中，我们经常会遇到需要读取JSON文件的情况。本文将介绍如何使用Pandas来读取JSON文件，并附上具体的代码示例。一、Pandas的安装
Jackson库中注解如何控制JSON序列化和反序列化？
May 06, 2024 pm 10:09 PM
Jackson库中的注解可控制JSON序列化和反序列化：序列化：@JsonIgnore：忽略属性@JsonProperty：指定名称@JsonGetter：使用获取方法@JsonSetter：使用设置方法反序列化：@JsonIgnoreProperties：忽略属性@JsonProperty：指定名称@JsonCreator：使用构造函数@JsonDeserialize：自定义逻辑
