【Ajax】笔记-JQuery发送jsonp请求

JSONP（JSON with Padding）是一种跨域请求数据的方式，可以让你在不同域的服务器上获取数据。jQuery 提供了对 JSONP 请求的支持。

以下是使用 jQuery 发送 JSONP 请求的示例代码：

$.ajax({
    url: "https://example.com/api/data", // 你要请求的 URL
    type: "GET",
    dataType: "jsonp", // 指定为 jsonp 类型
    jsonpCallback: "callbackFunction", // 服务器端用于包装响应的函数名
    success: function(response) {
        console.log(response); // 处理响应数据
    },
    error: function(jqXHR, textStatus, errorThrown) {
        console.log('JSONP request failed: ' + textStatus);
    }
});
 
// 需要定义一个全局函数用于接收响应
// 这个函数名需要和 jsonpCallback 参数值相同
function callbackFunction(data) {
    // 处理 data
    console.log(data);
}

在上面的代码中，url 是你要请求的服务端地址，dataType 设置为 "jsonp" 来指定 JSONP 请求。jsonpCallback 是一个回调函数名，服务器端会用这个函数名将响应包装起来。成功获取响应后，响应数据会传递给 callbackFunction 函数进行处理。如果请求失败，会在控制台输出错误信息。