Ajax跨域

最新推荐文章于 2025-01-12 15:56:13 发布

SmallTenMr

最新推荐文章于 2025-01-12 15:56:13 发布

阅读量197

点赞数

CC 4.0 BY-SA版权

分类专栏： java基础

本文链接：https://blog.youkuaiyun.com/SmallTenMr/article/details/76904710

java基础专栏收录该内容

62 篇文章

订阅专栏

本文介绍了如何使用JSONP实现跨域数据获取的方法，包括在jQuery的ajax函数中设置dataType为'jsonp'的方式，以及利用getJSON和getScript方法实现跨域请求的具体步骤。

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

简单的来说，出于安全方面的考虑，页面中的JavaScript无法访问其他服务器上的数据，即“同源策略”。而跨域就是通过某些手段来绕过同源策略限制，实现不同服务器之间通信的效果。

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，而JSONP（JSON with Padding）则是JSON 的一种“使用模式”，通过这种模式可以实现数据的跨域获取。

第一种方法是在ajax函数中设置dataType为'jsonp'

$.ajax({
   type : "get",
   async:false,
   url : "http://www.xxx.com/ajax.do",
   dataType : "jsonp",
   jsonp: "callbackparam",               //服务端用于接收callback调用的function名的参数
   jsonpCallback:"success_jsonpCallback",       //callback的function名称
   success : function(json){
       alert(json);
       alert(json[0].name);
   },
   error:function(){
       alert('fail');
   }
});

第二种方法是利用getJSON来实现，只要在地址中加上callback=?参数即可

第三种也可以简单地使用getScript方法