jsonp是什么？json和jsonp的区别介绍

JSONP是什么?

JSONP，全称是JSON with padding，是一种通过脚本标签引入外部数据的技巧。它与JSON(JavaScript Object Notation)非常相似，但有一个关键的区别：JSONP允许跨域请求。这篇文章将详细介绍JSON和JSONP的区别以及如何使用JSONP。

JSON是什么？

JSON是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。JSON是一种文本格式，完全独立于语言，但它的根源于JavaScript对象表示法。JSON结构包括键值对，可以表示数组、字符串、数值、布尔值和null等类型的数据。

JSONP的出现主要是为了解决跨域请求的问题。在Web开发中，浏览器出于安全性的考虑，不允许执行来自其他域的脚本。然而，在某些情况下，我们需要从其他域获取数据。为了解决这个问题，JSONP应运而生。JSONP通过在HTML文档中使用< script>标签引入外部脚本，从而绕过了浏览器的同源策略限制，实现跨域请求。

JSONP的工作原理如下：

1. 浏览器发送一个请求到服务器，请求包含回调函数的名称。

2. 服务器处理请求并生成数据，将数据包裹在一个函数中返回。

3. 浏览器接收到响应后，执行这个函数，将数据传递给回调函数处理。

JSON和JSONP的主要区别如下：

• 跨域请求：JSONP支持跨域请求，而JSON不支持。这是因为浏览器的同源策略限制了JavaScript只能访问同域的资源。

• 数据格式：JSON是一种数据格式，而JSONP是一种使用JSON数据的技巧。JSONP在JSON数据外面包裹了一个函数，使得数据可以作为脚本执行。

• 请求方式：JSON通常使用XMLHttpRequest对象进行请求，而JSONP使用< script>标签引入外部脚本。

在实际开发中，JSONP有一些限制和缺点：

1. JSONP只能使用GET方法，无法使用POST、PUT、DELETE等方法。

2. JSONP无法设置请求头，因此无法使用cookie或认证信息。

3. JSONP请求无法使用缓存。

4. JSONP处理错误比较困难，因为错误响应也会作为脚本执行。

总之，JSON和JSONP是两种不同的概念。JSON是一种数据交换格式，而JSONP是一种跨域请求技巧。在实际开发中，我们应该根据需求选择合适的方案。如果需要跨域请求，可以使用JSONP;如果不需要跨域请求，建议使用JSON。