使用script.src实现跨域

最新推荐文章于 2024-08-05 15:14:55 发布
最新推荐文章于 2024-08-05 15:14:55 发布
阅读量6.5k 收藏 2
点赞数 1
分类专栏： JS 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/guowd/article/details/50261635
版权

后台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数据。


guowd
关注
专栏目录
【前端学习 - 浏览器（12）跨域】
weixin_60364883的博客
01-21 199
1. 跨域 什么是同源策略： 同源策略是指协议、端⼝、域名相同，也就是在同⼀个域中。 ⾮同源受到的限制： cookie⽆法读取、dom⽆法获取、ajax请求⽆法发送。 什么是跨域： 两个不同域（协议、端⼝、域名不同）之间进⾏请求。 解决跨域的⽅法： JSONP，通过动态创建⼀个script标签，script标签的src属性是没有跨域的限制的。 cors，服务端在response时增加⼀些头信息： Access-Control-Allow-Origin: http://ip:p
使用script的src实现跨域和类似ajax效果
12-12
场景 假如有两个域名不同的服务器， 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),     array(‘username’=>’yimeng’, ‘age’=>23),     array(‘username’=>’ermeng’, ‘age’=>22),   
同源策略、跨域相关以及script等标签带来的问题和处理方式
最新发布
qq_35436516的博客
08-05 735
同源策略（Same-origin policy）是一种在web应用中重要的安全策略，用于限制一个源（origin）的文档或者它加载的脚本如何与来自另一个源的资源进行交互。这里的“源”由协议、域名和端口组成，只要这三者不完全相同，就算是不同源。定义：CSP是一种Web安全策略，通过HTTP头部信息告诉浏览器哪些外部资源可以被加载和执行，哪些不可以。原理：CSP的核心思想是“白名单制度”，即只允许在白名单中列出的可信来源提供的内容被执行或加载。这种限制可以应用于脚本、样式表、图片、字体等各种类型的资源。
script src php,使用script的src实现跨域和类似ajax效果
weixin_28759537的博客
03-21 197
场景假如有两个域名不同的服务器， 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 7194
什么是JSONP协议? JSONP即JSON with Padding。由于同源策略的限制，XmlHttpRequest只允许请求当前源（域名、协议、端口）的资源。如果要进行跨域请求，我们可以通过使用html的script标记来进行跨域请求，并在响应中返回要执行的script代码，其中可以直接使用JSON传递javascript对象。这种跨域的通讯方式称为JSONP。 很明显，JSONP是一种
script跨域访问与XMLHttpRequest
zhouruitao的专栏
05-11 144
script不受Web浏览器跨域安全限制的束缚，即能实现跨域访问。这是它的最大优点。   另外一点需要注意的是不同浏览器对script的触发事件不同，即回调函数要写在这些函数之中，且只支持异步调用   IE下：加载完成后触发"onreadystatechange"事件 firefox下：加载完成后触发"onload"事件   以下是同xmlHttpRequest的比较     ...
使用$.getJSON实现跨域ajax请求示例代码
10-26
$.getJSON 是 jQuery 提供的一种 AJAX 方法，用于向服务器请求 JSON 数据并在数据加载成功后执行回调...如果需要使用其他 HTTP 方法，可以考虑使用 jQuery 的 `$.ajax` 方法，配合 `dataType: 'jsonp'` 来实现跨域。
JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码
12-08
除了$.getJSON，我们也可以使用$.ajax方法来实现跨域JSONP请求。示例代码如下： ```javascript $(function() { $.ajax({ type: 'GET', url: 'http://localhost:8000/user.php?jsoncallback=?', dataType: '...
vue-resource的使用 之 this.$http.jsonp实现跨域请求（仿360搜索）
梨柚的博客
10-07 1446
使用vue-resource提供的jsonp()方法实现跨域请求。此案例模仿实现360搜索引擎的查询效果。 仿360搜索实现效果源码 实现效果 使用到的文件： vue.js vue-resource.js (上面两个文件需要自己本机存在才能运行源码，注意导入的路径。如果本地没有，可以使用相关的https://…链接引入，官网都有。) 360搜索列表.html 源码 360搜索列表.html <!DOCTYPE html> <html> <head> <m.
Script标签解决跨域
等，你的到来。
11-16 6156
关于跨域，首先我们来讲一下基础知识。 –什么是跨域请求：从一个域下去访问另一个域下的脚本(js/php)或者文档结构(html)。 –为什么跨域：因为我们往往需要其他域下的数据，另一个因为同源策略的限制，不进行跨域无法直接请求另一个域的数据。 –怎么样进行跨域请求：img、a、form、link、iframe可以跨域，但是没有返回值，所以不进行使用，最主要使用的是script标签。然后，通过j
script的src属性能实现跨越访问
diancui3160的博客
07-25 339
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 1302
用<script>来实现跨域请求数据 首先接口传数据的格式是var xx = xxxxxxxxxxxxx这样的格式的 动态创建script的标签在src中写入接口连接，在chrome等浏览器的script的回调是onload，ie是onreadystatechange，在这里面处理返回成功回调函数。 具体代码片段 `function AjaxJsonpAsync(url, datas, callback){
JavaScript中的跨域问题
weixin_43314255的博客
02-27 7762
前言:学习JavaScript的童鞋都知道,我们在发送网络请求,也就是我们在地址栏输入一个网址,就会自动跳转到当前网址,比如在浏览器网址输入www.baidu.com,浏览器就会自动跳转到百度的的首页 而浏览器发送网络请求需要三和基本的要素 其实完成的url路径应该是:http://www.baidu.com:80浏览器在发送网络请求的时候回默认加上协议:http 和端口号80. 也就是完整的url至少 包含三个部分 1.http/https 传输协议 2.www.baidu.com 域名 3.80.
使用动态的script标签的方式实现JS的跨域请求
cjd6568358的专栏
05-19 2737
首先，需要满足的条件是： 1、自身对JS代码
script 跨域请求
LeeTse的博客
02-23 371
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 2576
ES6 class引用和Script中import问题
通过script标签跨域、ajax跨域
热门推荐
engineer的博客
05-22 1万+
JSON(JavaScript Object Notation){javascript对象表示法}是一种数据交换格式；JSONP(JSON with Padding) 是一种可以绕过同源策略的方法，即通过使用json与标记结合的方法。总的来说json就是一种数据格式，jsonp是一种非正式的数据交换协议。 上面提到了同源策略，什么是同源策略？同源策略是由Netscape提出的的一个著名的安全策略
script.src 和jsonp
06-08
`script.src`和 JSONP 都是用于实现跨域请求的技术，但它们的实现方式不同。 `script.src`是通过加载 JavaScript 文件来实现跨域请求的。它的原理是，浏览器在请求一个 JavaScript 文件时，会自动执行这个文件里的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值