JSONP回调函数
1. 定义
JSONP（JSON with Padding）是一种用于解决跨域数据访问的技术。它通过动态创建<script>标签，将跨域请求发送到服务器，并通过回调函数的方式将数据返回给客户端。而JSONP回调函数就是在服务器返回的数据中，被客户端指定的用于处理数据的函数。
2. 用途
由于浏览器的同源策略（Same-Origin Policy）限制，普通的Ajax请求只能在同一个域名下进行，不能跨域访问。而JSONP作为一种绕过同源策略的解决方案，广泛应用于跨域数据请求。
JSONP回调函数的主要用途是处理服务器返回的数据，例如将数据展示在网页上，或者进行进一步的数据处理和逻辑操作。
3. 工作方式
JSONP的工作方式可以分为三个步骤：
3.1 发送请求
客户端通过动态创建<script>标签，将跨域请求发送到服务器。在URL中指定回调函数的名称，以便服务器返回数据时，能够调用该函数。
示例代码：
function jsonp(url, callback) {
  var script = document.createElement('script');
  script.src = url + '?callback=' + callback;
  document.body.appendChild(script);
}
上述代码定义了一个jsonp函数，接受两个参数：url是请求的URL，callback是回调函数的名
称。通过script.src设置请求的URL，并将script元素添加到页面中。
3.2 服务器处理请求
服务器接收到跨域请求后，根据请求参数中的回调函数名称，将返回的数据包装在该回调函数中，并返回给客户端。
示例代码（Node.js）：
app.get发送ajax请求的步骤('/api/data', function(req, res) {
  var data = { name: 'John', age: 25 };
  var callback = req.query.callback;
  var jsonpResponse = callback + '(' + JSON.stringify(data) + ')';
  res.send(jsonpResponse);
});
上述代码是一个使用Node.js的Express框架的示例，当客户端发送GET请求到/api/data时，服务器会返回一个包含数据的JSONP响应。
3.3 客户端处理响应
客户端在请求成功后，服务器返回的脚本会被当做可执行的JavaScript代码执行。而客户端在发送请求时，已经在URL中指定了回调函数的名称，因此服务器返回的数据会作为参数传递给该回调函数。
示例代码：
function handleData(data) {
  console.log('Received data:', data);
}
jsonp(' 'handleData');
上述代码中，handleData函数是客户端定义的回调函数。通过调用jsonp函数发送请求，并将handleData作为回调函数的名称。当服务器返回数据时，会自动执行handleData函数，并将数据作为参数传递给它。
4. JSONP回调函数的特点
JSONP回调函数具有以下特点：
•跨域请求：JSONP允许在不同域名之间进行数据请求，绕过了浏览器的同源策略限制。
•动态插入<script>标签：通过动态创建<script>标签，实现跨域请求和数据获取。
•回调函数处理数据：服务器返回的数据会自动作为参数传递给客户端指定的回调函数，方便对数据进行处理和展示。
•仅支持GET请求：由于JSONP是通过动态创建<script>标签来实现的，因此只支持GET请求，不支持POST等其他请求方法。
•安全性问题：由于JSONP是在客户端执行返回的脚本，因此存在一定的安全风险，容易受
到XSS攻击。
5. JSONP与CORS的比较
JSONP虽然是一种解决跨域问题的方案，但它也存在一些局限性。而CORS（Cross-Origin Resource Sharing，跨域资源共享）是HTML5中另一种解决跨域问题的方案，相对于JSONP具有更多的优势。
5.1 实现方式
JSONP通过动态创建<script>标签来实现跨域请求，而CORS则是在服务器端设置响应头来实现跨域资源共享。
5.2 请求类型
JSONP只支持GET请求，而CORS支持各种类型的HTTP请求。
5.3 安全性
JSONP存在安全风险，容易受到XSS攻击。而CORS通过浏览器的同源策略进行安全验证，较为安全。
5.4 数据格式
JSONP只支持JSON格式的数据传输，而CORS支持各种格式的数据传输，包括JSON、XML、文本等。
5.5 兼容性
JSONP兼容性较好，几乎所有浏览器都支持。而CORS在IE8及以下版本的浏览器不支持。
综上所述，CORS是目前更为常用和推荐的跨域解决方案，但在一些特殊场景下，JSONP仍然有其独特的优势和适用性。