轻源码

  • QingYuanMa.com
  • 全球最大的互联网技术和资源下载平台
搜索
一起源码网 门户 前端设计 查看主题

JavaScript 跨域问题

发布者: wwfighter | 发布时间: 2018-2-14 17:44| 查看数: 5043| 评论数: 1|帖子模式

js 跨域
JavaScript出于安全方面的考虑,不允许跨域调用其他页面的对象。
 
什么是跨域呢?
 
简单的理解就是因为Javascript同源策略的限制,a.com域名下的js无法操作b.com或者c.a.com域名下的对象。
如:www.aseoe.com/index.html 调用www.aseoe.com/service.php (非跨域)
www.aseoe.com/index.html 调用www.ancto.net/service.php (跨域)
www.aseoe.com/index.html 调用bbs.aseoe.com/service.php (跨域)
www.aseoe.com/index.html 调用www.aseoe.com:81/service.php (跨域)
www.aseoe.com/index.html 调用 (跨域)

处理跨域方法一 — 代理

通过在同名的web服务器创建一个代理:
aseoe服务器(域名:www.aseoe.com)
ancto服务器(域名:www.ancto.net)
比如在aseoe的web服务器的后台
(www.aseoe.com/proxy-anctoservice.php)来调用ancto服务器
(www.ancto.net/service.php)的服务,然后再把响应结果返回给前端,
这样前端调用aseoe同域名的服务就和ancto的服务效果相同了
 
处理跨域方法二 — JSONP
 
JSONP可用于解决主流浏览器的跨域数据访问的问题。
在www.aseoe.com页面中:
<script>
function jsonp(json) {
alert(json["name"]);
}
</script>
<script src="
在www.ancto.net页面中:
jsonp({'name':Aseoe,'job':'前端'});
 
JSONP不支持POST请求
 
处理跨域方法三 — XHR2
 
HTML5提供的XMLHttpRequest Level2 已经实现了跨域访问以及其他的一些新功能
IE10以下的版本都不支持
在服务器做一些小小的改造即可:
header('Access-Control-Allow-Origin:*');
header('Access-Control-Allow-Methods:POST,GET');
 
true JavaScript 跨域问题 show-12-651-1.html report 1190.5 js 跨域JavaScript出于安全方面的考虑,不允许跨域调用其他页面的对象。什么是跨域呢?简单的理解就是因为Javascript同源策略的限制,a com域名下的js无法操作b com或者c a com域名下的对象。如:www aseoe com

最新评论

ⓛⓞⓥⓔ 发表于 2022-5-22 23:38
源代码电影在线看免费下载

轻源码让程序更轻更快

QingYuanMa.com

工作时间 周一至周六 8:00-17:30

侵权处理

客服QQ点击咨询

关注抖音号

定期抽VIP

Copyright © 2016-2021 https://www.171739.xyz/ 滇ICP备13200218号

快速回复 返回顶部 返回列表