使用script.src实现跨域

跨域调用与JSON数据获取
最新推荐文章于 2022-08-12 17:42:08 发布
原创 最新推荐文章于 2022-08-12 17:42:08 发布 · 6.6k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

本文介绍了如何通过后台Java文件实现跨域调用并返回JSON数据，以及前台页面如何解析并显示这些数据。

后台java文件：

public void getName(HttpServletRequest req,HttpServletResponse res){
String str="var json={'name':'tom','age':11};";
CtrlUtils.write2res(res, str);
}


前台页面：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
<title>跨域</title>
<script>
var ele = document.createElement('script'); 
ele.src = 'http://localhost:8080/crmvipcust/web/getName.topic';
ele.type = 'text/javascript';
ele.language = 'javascript';
document.getElementsByTagName("head")[0].appendChild(ele);
ele.onload = function(){
alert(json.name);
};
</script>
</head>
<body>
</body>

</html>


这样就可以跨域调用获得JSON数据。


vue-resource的使用 之 this.$http.jsonp实现跨域请求（仿360搜索）
梨柚的博客
10-07 1576
使用vue-resource提供的jsonp()方法实现跨域请求。此案例模仿实现360搜索引擎的查询效果。 仿360搜索实现效果源码 实现效果 使用到的文件： vue.js vue-resource.js (上面两个文件需要自己本机存在才能运行源码，注意导入的路径。如果本地没有，可以使用相关的https://…链接引入，官网都有。) 360搜索列表.html 源码 360搜索列表.html <!DOCTYPE html> <html> <head> <m.
JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码
12-08
除了$.getJSON，我们也可以使用$.ajax方法来实现跨域JSONP请求。示例代码如下： ```javascript $(function() { $.ajax({ type: 'GET', url: 'http://localhost:8000/user.php?jsoncallback=?', dataType: '...
使用script的src实现跨域和类似ajax效果
fatigue的专栏
01-04 435
场景 在解决js的跨域问题的时候， 有多种方式， 其中有一种是利用script标签的src属性，因为这个属性是不受域名限制的，我们可以直接让src的这个链接指向跨域网站的一个接口， 这个接口返回的是js代码或者json格式数据， 从而实现跨域获取数据。 假如有两个域名不同的服务器， a.com和b.com, 在b.com/b_return_js.php这个接口里， 可以获取一些数据。 当然，假
script src php,使用script的src实现跨域和类似ajax效果
weixin_28759537的博客
03-21 247
场景假如有两个域名不同的服务器， a.com和b.com, 在b.com/b_return_js.php这个接口里， 可以获取一些数据。 当然，假如是b.com的页面里， 可以使用ajax, 直接请求这个接口， 但如果在a.com的页面里如果请求呢。b_return_js.php的接口代码：$a = array(array('username'=>'tony', 'age'=>25),...
利用script标签的src属性来实现跨域请求(JSONP协议)
08-11 7311
什么是JSONP协议? JSONP即JSON with Padding。由于同源策略的限制，XmlHttpRequest只允许请求当前源（域名、协议、端口）的资源。如果要进行跨域请求，我们可以通过使用html的script标记来进行跨域请求，并在响应中返回要执行的script代码，其中可以直接使用JSON传递javascript对象。这种跨域的通讯方式称为JSONP。 很明显，JSONP是一种
使用$.getJSON实现跨域ajax请求示例代码
10-26
$.getJSON 是 jQuery 提供的一种 AJAX 方法，用于向服务器请求 JSON 数据并在数据加载成功后执行回调...如果需要使用其他 HTTP 方法，可以考虑使用 jQuery 的 `$.ajax` 方法，配合 `dataType: 'jsonp'` 来实现跨域。
script跨域访问与XMLHttpRequest
zhouruitao的专栏
05-11 200
script不受Web浏览器跨域安全限制的束缚，即能实现跨域访问。这是它的最大优点。   另外一点需要注意的是不同浏览器对script的触发事件不同，即回调函数要写在这些函数之中，且只支持异步调用   IE下：加载完成后触发"onreadystatechange"事件 firefox下：加载完成后触发"onload"事件   以下是同xmlHttpRequest的比较     ...
005 - 使用script标签解决跨域
李观杰的博客
07-11 657
使用script标签解决跨域
Script标签解决跨域
等，你的到来。
11-16 6288
关于跨域，首先我们来讲一下基础知识。 –什么是跨域请求：从一个域下去访问另一个域下的脚本(js/php)或者文档结构(html)。 –为什么跨域：因为我们往往需要其他域下的数据，另一个因为同源策略的限制，不进行跨域无法直接请求另一个域的数据。 –怎么样进行跨域请求：img、a、form、link、iframe可以跨域，但是没有返回值，所以不进行使用，最主要使用的是script标签。然后，通过j
script的src属性能实现跨越访问
diancui3160的博客
07-25 392
urlencode.php <?php $name=$_POST['name']; $age = $_POST['age']; $array = array("name"=>$name,"age"=>$age); $result = json_encode($array); echo ($result); ?&g...
用script标签实现跨域
小黄同学的博客
06-01 1406
用<script>来实现跨域请求数据 首先接口传数据的格式是var xx = xxxxxxxxxxxxx这样的格式的 动态创建script的标签在src中写入接口连接，在chrome等浏览器的script的回调是onload，ie是onreadystatechange，在这里面处理返回成功回调函数。 具体代码片段 `function AjaxJsonpAsync(url, datas, callback){
JavaScript的跨域
LuckXinXin的博客
08-14 92
因为浏览器出于安全考虑，有同源策略。也就是说，如果协议、域名或者端口有一个不同就是跨域，Ajax 请求会失败 JSONP JSONP 的原理很简单，就是利用 <script> 标签没有跨域限制的漏洞。通过 <script> 标签指向一个需要访问的地址并提供一个回调函数来接收数据当需要通讯时 <script src="http://domain/api?param1=a&param2=b&callback=jsonp"></script>.
JavaScript中的跨域问题
weixin_43314255的博客
02-27 8071
前言:学习JavaScript的童鞋都知道,我们在发送网络请求,也就是我们在地址栏输入一个网址,就会自动跳转到当前网址,比如在浏览器网址输入www.baidu.com,浏览器就会自动跳转到百度的的首页 而浏览器发送网络请求需要三和基本的要素 其实完成的url路径应该是:http://www.baidu.com:80浏览器在发送网络请求的时候回默认加上协议:http 和端口号80. 也就是完整的url至少 包含三个部分 1.http/https 传输协议 2.www.baidu.com 域名 3.80.
js利用script标签进行跨域请求
butterBallj的博客
08-14 2478
ajax的jsonp虽然可以进行跨域，但是由于返回的数据问题，可能存在无法正确捕捉回执结果，即：成功请求且在控制台Network中看到结果，但是ajax始终捕捉为错误信息且无法拿取返回值。 下面直接上代码： var correct = function(address) { var script = document.createElement('script'); scri...
使用动态的script标签的方式实现JS的跨域请求
cjd6568358的专栏
05-19 2910
首先，需要满足的条件是： 1、自身对JS代码
script 跨域请求
LeeTse的博客
02-23 419
index.php&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;sc
ES6类的引用和＜Script type=“module“＞导致的跨域问题
fragile98的博客
08-12 2829
ES6 class引用和Script中import问题
script.src 和jsonp
06-08
`script.src`和 JSONP 都是用于实现跨域请求的技术，但它们的实现方式不同。 `script.src`是通过加载 JavaScript 文件来实现跨域请求的。它的原理是，浏览器在请求一个 JavaScript 文件时，会自动执行这个文件里的代码。因此，如果服务器返回的 JavaScript 文件里包含了一些操作，例如将数据作为参数传递给一个函数，那么这个函数就可以在客户端执行，从而实现跨域请求的目的。 JSONP（JSON with Padding）则是通过在页面中添加一个`<script>`元素来实现跨域请求的。它的原理是，浏览器可以跨域请求 JavaScript 文件，因此可以通过在页面中添加一个指向跨域接口的 JavaScript 文件的`<script>`元素来实现跨域请求。服务器返回的 JavaScript 文件里包含一个回调函数的调用，并将数据作为参数传递给这个函数。客户端定义这个回调函数，并将函数名作为参数传递给服务器，服务器在返回的 JavaScript 文件里使用这个函数名来调用客户端定义的回调函数。 需要注意的是，使用`script.src`和 JSONP 都存在安全风险，因为它们都可以将远程服务器的代码执行在当前页面的上下文中。因此，在使用它们时，需要仔细考虑安全问题，并在服务器端进行足够的防范措施。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值