JSONP

JSONP是一种跨域数据请求的技术，它利用了HTML中script标签可以跨域加载资源的特性。通过在客户端动态创建一个script标签，可以将请求发送到另一个域，并在该域返回一个JavaScript函数调用，函数参数是请求的数据，从而实现跨域数据的获取。

JSONP的原理是利用了浏览器对script标签跨域请求的支持，通过在URL中添加回调函数名参数，让服务器返回一个JavaScript函数调用，函数参数是请求的数据。客户端在接受到返回的数据后，会自动执行该函数，从而实现跨域数据的获取。

需要注意的是，JSONP只支持GET请求，而且只能获取简单数据类型（如字符串、数字、布尔值等），不能获取复杂的数据类型（如对象、数组等）。此外，JSONP存在一些安全性方面的问题，因为它需要在客户端执行返回的JavaScript代码，所以需要确保返回的代码是安全的。

最近，由于JSONP存在一些安全性问题，被一些浏览器厂商禁用，所以现在更多的人采用CORS（跨域资源共享）技术来解决跨域请求的问题。希望这可以帮助你理解JSONP的工作原理。

要使用JSONP，需要在客户端创建一个script标签，并将请求的URL作为其src属性的值，同时在URL中添加一个回调函数名参数，例如：

<script src="http://example.com/data?callback=handleData"></script>

在上面的URL中，callback参数的值为handleData，这个函数名必须在客户端定义好，用于处理返回的数据。服务器在接收到请求后，应该将数据包装成一个JavaScript函数调用的形式返回，例如：

handleData({ "name": "John", "age": 30 });

在客户端，定义一个名为handleData的函数，用于处理返回的数据：

function handleData(data) {
console.log(data.name);
console.log(data.age);
}

当客户端加载这个script标签时，会发送一个跨域请求到example.com域，服务器返回的JavaScript代码会被自动执行，从而调用handleData函数，并将请求的数据作为参数传递给该函数。

需要注意的是，服务器端需要支持JSONP，即在返回数据时，将数据包装成一个JavaScript函数调用的形式。此外，要确保回调函数名参数的值是唯一的，避免与其他请求产生冲突。