jquery ajax怎么使用jsonp跨域访问

最新推荐文章于 2025-06-29 11:10:32 发布

「已注销」

最新推荐文章于 2025-06-29 11:10:32 发布

阅读量439

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/oMiracle123/article/details/53321510

本文介绍如何使用jQuery的getJSON及ajax方法实现JSONP跨域请求，并提供了一个完整的示例代码。文中还讨论了JSONP的安全隐患及其局限性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在项目中使用接口的比较多，在客户端跨域访问，jquery中只能使用jquery ajax的jsonp方法。

值得注意的是，jQuery.ajax()只支持get方式的跨域，post的方式是不支持的。
    

这种方式其实是上例$.ajax({..}) 的一种高级封装。 

在服务端通过获得callback参数(如：jsonpcallback)得到jQuery端随后要回调的，

然后返回类似:"jsonpcallback("+要返回的json数组+")";

jquery就会通过回调方法动态加载调用这个:jsonpcallback(json数组); 

如果为jQuery默认，则为随机jsonp1356493334400之类的数据。这样就达到了跨域数据交换的目的。

JSONP是一种脚本注入(Script Injection)行为，所以也有一定的安全隐患。 

注意：jquey是不支持post方式跨域的。 

所以一般不建议用jsonp跨域访问   而是PHP后台控制下 添加下要访问的域名 即可不用跨域
    //处理跨域  
        header("Access-Control-Allow-Origin:*"); //*号表示所有域名都可以访问  
        header("Access-Control-Allow-Method:POST,GET");  



查看原文：http://newmiracle.cn/?p=469