json与jsonp知识小结(推荐)

让我来为您详细讲解“json与jsonp知识小结(推荐)”的完整攻略。

1. 什么是 JSON

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它基于 JavaScript的对象语法。它有如下几个特点：

• JSON是一种文本格式，可以轻松地在网络上传输。
• JSON的语法和JavaScript的语法几乎相同，因此易读易写。
• JSON能够表示简单的数据类型，如字符串、数字、布尔值和 null，以及复杂的数据类型，如数组和对象。
• JSON 是一种独立于语言的数据格式，因此可以轻松地在不同的编程语言中使用。

一个 JSON 对象由一个或多个键值对组成，每个键值对之间用逗号隔开，键值对由一个名称和一个值组成，名称和值之间用冒号（:）隔开。例如，以下是一个包含三个键值对的 JSON 对象：

{
  "name": "John",
  "age": 30,
  "email": "[e-mail]"
}

2. JSONP

JSONP（JSON with Padding）是一种解决跨域数据传输的方式。由于浏览器的同源策略限制，一般情况下，一个网站无法直接从另一个域名下获取数据。但是，在网页中可以通过 script 标签引入跨域的 JavaScript 资源。因此，JSONP 就是利用这一特性实现跨域数据传输的一种方式。

JSONP 是通过在 URL 中传递一个回调函数名的方式来实现跨域数据传输的。服务器接收到请求后，将数据包装成一个 JavaScript 函数的调用，并将函数名作为响应的一部分返回给客户端。客户端通过 script 标签引入该 URL，从而执行响应的 JavaScript 函数，从而获取数据。

以下是示例代码：

服务器返回的 JSON 数据：

{
  "name": "John",
  "age": 30,
  "email": "[e-mail]"
}

客户端请求该数据，并通过回调函数处理响应：

<script>
  function handleResponse(data) {
    console.log(data);
  }
</script>
<script src="http://example.com/jsonp?callback=handleResponse"></script>

在以上代码中，客户端向 http://example.com/jsonp 发送请求，并传递了 callback=handleResponse 参数，在服务器收到请求后，将返回调用 handleResponse 函数的 JavaScript 代码，客户端最终会执行该 JavaScript 代码并获得服务器返回的 JSON 数据。

3. 总结

以上就是对 JSON 和 JSONP 的基本介绍和教程。JSON 是一种轻量级数据交换格式，可以方便地将数据在网络上传输和处理；JSONP 利用浏览器跨域脚本的特性，实现了跨域数据传输的功能。因此，在实现数据传输时，可以根据具体情况选择使用 JSON 或 JSONP。