js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)


### JSONP 原理

JSONP(JSON with Padding)是一种跨域请求数据的方法,它允许在服务器端集成一个特定函数名的回调函数,将JSON数据作为参数传递给这个函数。由于`

### jQuery 实现 JSONP

jQuery 对 JSONP 提供了很好的支持,你可以直接使用 `$.ajax` 方法,并设置 `dataType` 为 `"jsonp"`。


$.ajax({
    url: 'http://example.com/data',
    dataType: 'jsonp',
    jsonpCallback: 'myCallback', // 可以指定回调函数名,也可以省略让jQuery自动生成
    success: function(data) {
        console.log(data);
    },
    error: function(xhr, status, error) {
        console.error("Error: " + error);
    }
});

// 注意:在jQuery中,通常不需要手动创建script标签或处理回调函数名,jQuery会为你处理这些。

注意:在使用JSONP时,需要服务器端的支持,即服务器需要能够识别并处理`callback`参数,并返回正确的JSONP格式数据。如果服务器不支持JSONP,那么上述代码将无法正常工作。