请解释JSONP的工作原理 ？
JSONP（JSON with Padding）是一种跨域数据交换的协议，它利用了<script>标签没有跨域限制的特性来实现跨域请求数据。虽然被称为 JSON with Padding，但实质上它并不局限于 JSON 格式；JSONP 是通过动态创建<script>标签的方式，向其src属性中设置包含服务端数据的JavaScript文件的URL来工作的。JSONP 的工作原理主要包括以下几个步骤：
1. 客户端请求
客户端通过动态创建<script>标签，并将请求的URL设置为该标签的src属性，来发起跨域请求。通常，这个URL会包含一个查询参数，通常是callback，用于告诉服务器端应当将返回的数据包裹在哪个函数调用中。
// 客户端代码示例
function jsonpCallback(data) {
// 处理获取到的数据
console.log(data);
}
var script = document.createElement('script');
script.src = 'http://example.com/api/data?callback=jsonpCallback';
document.body.appendChild(script);
2. 服务器响应
服务器接收到请求后，根据查询参数callback的值，将返回的数据包裹在一个函数调用中。这个函数的名称就是URL中callback参数指定的值，而函数的参数则是要传递给客户端的数据。
// 服务器响应示例
jsonpCallback({"name": "John", "age": 30});
3. 客户端处理
当<script>标签加载并执行服务器返回的JavaScript代码时，就会调用指定的回调函数，并将数据作为参数传递给该函数。这样，客户端就可以在回调函数中处理服务器返回的数据了。
优点和限制
- 优点：JSONP 的一个主要优点是它不受同源策略的限制，可以实现跨域请求数据。
- 限制：JSONP 只支持 GET 请求，因为它是通过
<script>标签的src属性来实现的。此外，由于它涉及到执行从其他域加载的JavaScript代码，因此存在一定的安全风险，需要信任数据提供方。而且，如果请求失败，JSONP 本身不提供错误处理的机制。
随着CORS（跨源资源共享）技术的普及和现代浏览器的支持，JSONP 的使用已经越来越少，CORS 提供了一种更安全且功能更强大的跨域请求解决方案。