在今年的baidu salon分享会上黄方荣主讲的《WEB数据交互的艺术》中提到一个非常优雅绝妙的解决方案!话不多说,直接上解决方案原理图: 
[img]http://www.wangshow.com/uploads/10008/20100812102313_ZfpMj6_small.jpg[/img] 
该图要解决的问题说明如下: 
在AAA.com域名            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-13 16:15:52
                            
                                0阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            问题描述今天朋友问我为什么jQuery写ajax请求(请求类型为GET)时会出现跨域问题,服务端是利用express搭建的本地服务端,url写的是"https://127.0.0.1:8000/jQuery-server",发送请求报错如下:         把url中的https改成http以后就出现如下问题:         而且他的问题只在$.ajax({})里出现了,$.get({})和$            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-20 22:16:59
                            
                                21阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            跨域产生的原因在一个项目中,使用js的ajax请求,请求另外一个系统的数据时(协议不同(http、https)、域名不同、域名相同但端口号不同),能够请求到数据,但是因为这是跨域请求,浏览器不允许js拿到数据,这就是ajax跨域请求解决方案可以jsonp解决js的跨域请求,Jsonp不是新技术,是跨域的解决方案。因为在系统中可以通过跨域来加载js文件,所以可以使用js的特性绕过跨域请求。jsonp            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-30 11:54:22
                            
                                71阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            前言  出于浏览器同源策略的影响,浏览器会阻止一个域的 js 脚本和另一个域的内容进行交互,因此产生了跨域问题,该问题也经常在面试和开发中遇到,本文来总结一下相关知识点。正文  1、什么是同源策略  因为浏览器出于安全考虑,存在同源策略,就是说如果协议、域名、端口号有一个不同就产生了跨域,不同域之间的资源是不能交互的,比如:Ajax 请求别的域的资源就会失败,无法读取别的域中网页的 Cookie            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-06 15:46:48
                            
                                139阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            由于安全方面的考虑,Javascript被限制了跨域访问的能力,但是有时候我们希望能够做一些合理的跨域访问的事情,那么怎么办呢? 
这里分两类情况: 
一、基于同一父域的子域之间页面的访问;参见如下3个domain域:taobao.com、jipiao.taobao.com、promotion.taobao.com;它们有相同的父域taobao.com。            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-11-20 01:30:00
                            
                                64阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1.什么是JQuery? 就是对JS事件和函数的一个封装 2.设计理念? 写更少的代码完成更多的功能 3.好处? 解决大部分浏览器的兼容 强大的选择器 对DOM操作的封装 和ajax完美的结合 强大的插件支持 4.怎么用?1.先到官网下载相应的版本库,分为两种,一种是开发版,一种是发布版开发版比发布版体积大2.在页中通过script标签引入jquery库3.通过页面加载函数来写JQUERY代码:$            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-30 15:36:25
                            
                                27阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1、跨域调用js中的方法或者窗口中数据是没办法,因为这会涉及到网站数据的安全问题,想象一下你做了一个网站,别人做一个Iframe给链接过去了,并且还能通过他自己的页面操作你这个页面的一些元素或者节点数据、动作之类的,你不会郁闷死?? 2、最好的就是在同一个域名下面就不会存在这个问题,好像还有一个就是设置对应框架的所属域名(这个你查一下资料,好像是是设置对应的所属),最复杂的就是在js中提交一个对应            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-02 22:20:32
                            
                                420阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            我们在开发中,经常会遇到跨域请求数据问题,那么什么是跨域呢?跨域就是js在不用域之间的数据传输或者通信,比如你在使用ajax从另外一个域请求数据,或者你的页面引入了iframe,要从iframe中获取数据的时候,就是跨域。简单一点的说,判断是否跨域,就看协议、域名、端口,这三个中只要有一个不同,就都属于不同的域。 使用XMLHttpRequest请求不同域上的数据,是不可以的。下面是解决            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-03 13:52:47
                            
                                271阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            同源策略,它是由Netscape提出的一个著名的安全策略。现在所有支持JavaScript 的浏览器都会使用            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-03-04 08:05:38
                            
                                140阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            问题需求:父页面与子页面iframe跨域嵌套,子页面要触发父页面所定义的js方法、父子页面的数据传递。下文中会用到一些文件:父页面: parent.html;嵌在父页面的子iframe页面:child.html。同域时 iframe 调用父页面的JS方法在同域的情况下,子iframe页面可以很方便地直接调用父页面定义的JS方法:window.parent.fn(); 或者 window.top.f            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-11 13:55:54
                            
                                283阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            解决不同域之间JS交互问题,有这么几种方法。FIM – Fragment Identitier Messaging不同的域之间,JavaScript只能做很有限的访问和操作,其实我们利用这些有限的访问权限就可以达到跨域通信的目的了。FIM (Fragment Identitier Messaging)就是在这个大前提下被发明的。父窗口可以对iframe进行URL读写,iframe也可以读写父窗口的            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-23 22:23:28
                            
                                82阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1.什么引起了ajax跨域不能的问题 
ajax本身实际上是通过XMLHttpRequest对象来进行数据的交互,而浏览器出于安全考虑,不允许js代码进行跨域操作,所以会警告。 
2.有什么完美的解决方案么? 
没有。解决方案有不少,但是只能是根据自己的实际情况来选择。 
具体情况有: 
一、本域和子域的相互访问: www.aa.com和book.aa.c            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-18 12:52:55
                            
                                129阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            实现跨域请求详解如下: 域名:Domain Name,又称网域、网域名城,是由一串用点分割的名字组成的Internet上某一台计算机或计算机组的名称,用于数据传输时标识计算机的电子方位(有时也指地理位置)。跨域:两个不同域名之间的通信,称为跨域。例如:http://www.baidu.com 和 h            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-09-07 21:22:00
                            
                                327阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            路人一:原理一:id即路径 原则。通常我们的入口是这样的: require( [ 'a', 'b' ], callback ) 。这里的 'a'、'b' 都是 ModuleId。通过 id 和路径的对应原则,加载器才能知道需要加载的 js 的路径。在这个例子里,就是 baseUrl + 'a.js' 和 baseUrl + 'b.js'。但 id 和 path 的对应关系并不是永远那么简单,比如在            
                
         
            
            
            
            jQuery使用ajax跨域请求获取数据 跨域是我在日常面试中经常会问到的问题,这词在前端界出现的频率不低,主要原因还是由于安全限制(同源策略, 即JavaScript或Cookie只能访问同域下的内容),因为我们在日常的项目开发时会不可避免的需要进行跨域操作,所以跨域能力也算是前端工程师的基本功之一。?var webMethod = "http://localhost:54473/Se            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-24 09:59:37
                            
                                39阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            【强烈推荐】如何解决JQuery类Post方式的跨域问题  
    
    
  在很多应用场景,利用JQ的getJSON解决跨域问题是首选,非常好用,类似代码如下: 
        1. $.getJSON(" http://跨域的dns/document!searchJSONResult.action?name1="+value1+"&jsoncallback=?",  
2.            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-08 01:02:04
                            
                                324阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            这篇文章主要介绍了jquery中ajax处理跨域的三大方式,感兴趣的小伙伴们可以参考一下   由于JS同源策略的影响,因此js只能访问同域名下的文档。因此要实现跨域,一般有以下几个方法: 一、处理跨域的方式:1.代理2.XHR2 HTML5中提供的XMLHTTPREQUEST Level2(及XHR2)已经实现了跨域访问。但ie10以下不支持 只需要在服务端填上响应头:  header("Acc            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-20 21:37:10
                            
                                181阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            浏览器端跨域访问一直是个问题, 多数研发人员对待js的态度都是好了伤疤忘了疼,所以病发的时候,时不时地都要疼上一疼.记得很久以前使用iframe 加script domain 声明,yahoo js util 的方式解决二级域名跨域访问的问题. 
时间过得好快,又被拉回js战场时, 跨域问题这个伤疤又开疼了. 
好在,有jquery帮忙,跨域问题似乎没那么            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-28 21:42:55
                            
                                144阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            今天在项目测试时遇到的问题,拿出来和大家分享一下。 谷歌报错如下:XMLHttpRequest cannot load http://v.xxx.com. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:63342' is therefore            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-24 09:56:21
                            
                                74阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1. 插件: 也称组件 什么是: 拥有专属的HTML,CSS和js的独立页面区域 为什么: 重用! 何时: 只要一个功能/区域可能被反复使用时 如何:   3个来源:   1. 官方插件:jquery ui   &nbs            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-22 13:02:51
                            
                                46阅读