JS 跨域访问的几种方式

最新推荐文章于 2023-05-15 17:34:42 发布
最新推荐文章于 2023-05-15 17:34:42 发布
阅读量285 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zlc7758/article/details/51684028
版权

              最近公司项目涉及到了跨域访问，以前都是用jsonp解决该问题，但是jsonp的局限性在与只能使用get方式，导致对请求参数的长度有很大限制，且安全性不是很好,网上逛了逛，发现跨域解决的方案还是蛮多的


     jsonp

          1: 只能为GET方式.（所有参数明文且参数长度不能大于255）
  2: 请求数据有大小限制.(chrome为8k,firefox为7k,ie为2k),所以传输的数据量过大可能造成数据不完整.
          3: 兼容性为IE6+以及所有主流浏览器.


         

     cors

          1: html5新特性，方便好用支持post，get
          3: 兼容性是个巨坑，主要是IE9以下都不支持


          

     js+flash

          1: 原理同SWFUpload，借用flash插件进行ajax访问，插件：ajaxcdr
          2: 依赖flash插件，这个是很大的缺陷


           

     虚拟FORM

          1: 使用form表单进行模拟提交，然后通过监听onload事件监听返回结果,插件:XMan
          2: 一个不错的方式，但是form的提交后的结果监听不是很方便


         

       总结：

            最后还是使用了虚拟FORM的方式解决跨域问题，个人任务这个是考虑兼容性问题时最佳的跨域解决方案

           

super春哥
关注
跨域的几种方式
weixin_45157968的博客
05-11 256
/** * 同源策略 * 1.同源策略是浏览器的一种安全策略，所谓同源是指域名、协议、端口完全相同 * 2.在同源策略下，只有同源的地址才可以相互通过 AJAX 的方式进行请求 * 3.同源或者不同源说的是两个地址之间的关系，不同源地址之间请求我们称之为跨域请求 * * 解决不同源问题，实现跨域请求 */ 一、 JSONP方案(理解，不常用) JOSNP只能发送GET请求 1.JSON with Padding,是一种借助于 script 标签发送跨域请求的技巧 2.原理就是在客户端借助 scri..
js实现跨域访问的三种方法
10-23
为了解决跨域问题，JavaScript提供了几种技术手段。本文将详细介绍三种常用的js实现跨域访问的方法。 首先，基于iframe实现跨域是一种较为常见的做法。这种方法要求两个域都属于同一个基础域，即它们的域名后缀相同...
常用关于 JavaScript 中的跨域访问方法
weixin_30872499的博客
08-15 201
JS中的跨域是受到限制的，但是跨域有时候又是必须的，藉此，各种高手牛人想尽办法使得JS能够跨域获取数据，有的方法真的很巧妙 在此记录一下常用的三种跨域方法，如下： 一、不同子域名之间的(a.example.com|b.example.com)的跨域访问。 　　这种跨域调用比较常见，比如a.example.com 下的 a.htm 页面，需要调用 b.example.com 下的 b.h...
web跨域访问的几种方式
上帝De助手
02-18 4897
1、修改document.domain： 通过修改document.domain来支持同一个主域内跨域；通过js代码document.domain="your domain"来修改当前域，此方法只能支持同一个域下不同子域间的跨域操作。 如：map.baidu.com和www.baidu.com之间，把它们的document.domain="baidu.com"就可以通过js互相操作数据了。
JS实现跨域请求
javaee1234的博客
01-09 689
一、get提交【实现跨域】 1. 在服务器端设置允许在其他域名下访问 response.setHeader("Access-Control-Allow-Origin", "*"); //允许所有域名访问 response.setHeader("Access-Control-Allow-Origin", "http://www.baidu.com"); //允许www.baidu.com访问
js跨域 jquery getJSON 跨域
qingwei201314
01-30 82
1.客户端  //当鼠标移开标题时，要把标签加上 $("#question_title").blur(  function(){   var jqxhr = $.getJSON("${systemConfig.knowledgeEnging}/tags/extractTags?callback=?",    {text: $("#question_title").val(), bid:2}, ...
js实现跨域的几种方法汇总（图片ping、JSONP和CORS）
11-22
JSONP是一种早期的跨域数据交互方式，它是通过动态插入`<script>`标签来实现的。因为`<script>`标签的`src`属性可以跨域加载，我们可以在请求URL后面加上一个回调函数名（callback参数），服务器根据这个回调函数名...
解析AngularJS中get请求URL出现的跨域问题
11-28
今天早上帮助同学看了一个AngularJS的问题，主要是请求中出现了跨域访问，请求被阻止。 下面是她给我的代码： <html lang="en" ng-app="myApp"> <head> <meta charset="UTF-8"> <title>Title</title> <!--[removed][removed]--> [removed][removed] [removed] angular.module("myApp",[]).controller("test",["$sc
JSONP跨域GET请求解决Ajax跨域访问问题
12-03
前几天，工作上有一新需求，需要前端web页面异步调用后台的Webservice方法返回信息。实现方法有多种，本例采用jQuery+Ajax，完成后，在本地调试了一切ok，但是部署到服务器上以后就出现问题了，后台服务调用没有响应，怎么回事？代码没怎么改动，唯一修改的地方就是jQuery的ajax方法中的url地址。难道是这里的问题，经过检查和调试，发现原来是同源策略在作怪，我们知道，JavaScript或jQuery是在Web前端开发中经常使用的动态脚本技术。在JavaScript中，有一个很重要的安全性限制，被称为“Same- Origin Policy”（同源策略）。这一策略对于JavaSc
详解js跨域请求的两种方式，支持post请求
12-09
JSONP实现跨域 常用的jquery实现跨域调用 $.ajax({ url: "http://127.0.0.1/~chenjiebin/mycode/php/crossdomain/index.php", dataType: "jsonp", jsonp: "callback", context: document.body, success: function(data) { console.log(data); } }); 这个调用实际上的实现原理是 在网页中构造一个script标签，将src设置为对应的url，并增加上相应的callback参数，形如
jquery、javascript实现(get、post两种方式)跨域解决方法
wwj256的专栏
07-08 1537
一、实现get方式跨域请求数据 浏览器端 <script> $(document).ready(function(){ $.ajax({ url: "http://www.xxx.cn/index.php", type: "get", dataType: "jsonp", //指定服务器返回的数据类型 success: function (data) { console.log(data);
跨域问题：js调用服务端接口
编程日常记录与总结 https://franciswmf.iteye.com
03-02 1233
引用参考： --什么是跨域？怎么解决跨域问题？ [url]http://blog.csdn.net/lambert310/article/details/51683775[/url] --js调用跨域get请求调用webApi 多出个options请求是为什么 [url]https://zhidao.baidu.com/question/716436762614258125.html[/u...
js跨域请求的几种方式
qq_46448507的博客
07-25 618
什么是跨域？ 跨域请求的方式？ js跨域：指的是在不同域之间进行数据交换与通信，js中默认只有在同源的情况下才能进行数据的传输。 同源：相同域名，端口，协议。 http://www.aaa.com http://www.aaa.com/bbb //同源 第一种解决跨域的方法：jsonp(json with padding)顾名思义就是数据填充。至于怎么填充，那就和html几个标签有关系了，script，link，img，iframe等，他们用到的原理都一样，都是由于这些标签不存在跨域请求限制。 .
JQUERY、JAVASCRIPT实现(GET、POST两种方式)跨域解决方法
fat_fat的博客
10-19 810
一、实现get方式跨域请求数据 浏览器端 <script> $(document).ready(function(){ $.ajax({ url: "http://www.xxx.cn/index.php", type: "get", dataType: "jsonp", //指定服务器返回的数据类型 success: function (data) { console.log(data);
js跨域访问的超简单方法
lihuifen2011的博客
08-24 804
直接上例子 客户端js代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>跨域test</title> <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script> </head> <
js中几种实用的跨域方法原理详解
萌萌的It人 www.itmmd.com
07-15 2510
这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。 下表给出了相对http://store.company.com/dir/page.html同源检测的结果: 要解决跨域的问题，我们可以使用以下几种方法： 一、通过jsonp
js跨域的解决方案
最新发布
muzidigbig的博客
05-15 1万+
指的是浏览器不能执行其他网站的脚本，简单来说是浏览器同源政策的限制，浏览器针对于的限制。两个页面拥有相同的协议，端口，域名就是同源，如果有一个不相同就是不同源。保护用户，防止一些网站盗取用户信息。 1、通过jsonp跨域 2、跨域资源共享（CORS） 3、document.domain + iframe跨域 4、location.hash + iframe 5、window.name + iframe跨域 6、postMessage跨域 7、nginx代理跨域 8、nodejs中间件代理跨域（非vue、v
理解JavaScript：九种跨域解决方案详解
总结，跨域是浏览器对JavaScript的一个安全限制，但通过上述九种方式，开发者可以灵活地解决跨域问题，实现前后端的数据交互。然而，每种方法都有其适用场景和限制，选择合适的方法需结合实际需求和安全性考虑。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值