[JSONP]今天在某java技术群看到有人讨论跨域的问题，查了下资料，把自己的理解保存一下

最新推荐文章于 2024-07-30 15:40:41 发布

沧澜止戈君莫言

最新推荐文章于 2024-07-30 15:40:41 发布

阅读量272

点赞数

本文链接：https://blog.youkuaiyun.com/qq_37239930/article/details/79007783

版权

本文介绍了一种通过利用JavaScript的script标签特性实现跨域访问的方法。具体步骤包括：定义回调函数、传递函数名称到目标服务器、生成并执行带有回调函数的JS脚本。

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

首先解释下跨域。

在js中，我们使用XMLHttpRequest的技术访问不同服务器的资源时，是访问不到的。[因为一系列安全问题，所以浏览器会对javasctipt进行限制，防止跨域操作]

例如：A服务器的html页面想要请求B服务器上的某个资源。这就叫做跨域。

而所有带src属性的标签，全部都可以跨域。

这里就是利用javascript的script标签，进行跨域访问。

大概的实现流程我先口述一下。

A为访问服务器 B为被访问服务器

1.A上的某个页面，需要访问B上的某个资源。

2.A上某个页面写一个回调方法，取名A_callback。

3.A告诉B服务器，我的回调函数叫A_callback

4.B服务器生成js脚本内容 a_callback(JSON对象) 就是得到相关数据，获取A服务器传来的回调方法名。执行这个方法并将相关数据转成JSON格式，当做参数，调用回调方法。

5.A服务器执行返回的脚本内容

a_callback(JSON对象)

大概原理就是利用了script标签的特性，script标签会加载src里目标路径的js文件,并且执行。

贴实例代码

这是A服务器上的某页面

<script>
function a_callback(data){
alert("姓名："+data.name+"年龄："+data.age+"身高："+data.height)
}
</script>
<sctipt type="text/javaScript" src="www.baidu.com?callbackName=a_callback"></script>

这是B服务器上的某页面(用于动态生成js脚本)

1.要返回的数据如{name:"boynton",age:23,height:170}

2.获取url中的回调函数名字

这里定义回调函数变量名。就是src里callbackName

3.清空html所有代码，留下回调函数名(返回的数据)

....自行脑补代码