详解基于浏览器同源策略的几种跨域方式

所属分类: 网页制作 / Frontpage教程 阅读数: 1710
收藏 0 赞 0 分享

Flash跨域

这是一种比较老的跨域方式,现在基本不使用了,要是有兴趣可以自己去看看,在这里就不做讨论。

服务器中转代理

由于同源策略只是浏览器的限制,服务器不会受到同源策略的限制,所以我们可以发送请求的时候,可以设置一个代理服务器,这个代理服务器和我们当前的url同源,首先请求到该同源的服务器,然后由同源的服务器重定向到我们要访问的url,由于服务器和服务器之前不受同源策略的限制,所以即使不是同源的也可以不受限制的访问。

服务器中转代理也是我们常用的一种方式。

JsonP跨域。

JsonP跨域,是我们经常使用到的一种跨域方式。想必大家都有这样的经历,在script中使用,src属性,引入外部资源,比如jQuery,稍微注意以下就能看到请求的url其实和我们本地的url不同源的,但是为什么我们却可以请求到资源呢? 这是因为src属性具有跨域的能力。凡是拥有src这个属性的标签都拥有跨域的能力,而且都是GET请求比如<script>、<img>、<iframe>

使用方法

因为我们无法监控通过<script>src属性是否把数据获取完成,所以我们需要做一个处理。一般是我们向后端传递参数的时候,传一个处理跨域获取数据的函数,服务端会根据参数cb的值返回 对应的内容。

function doJSON(data){}
var scri = document.createElement('script')
scri.src = 'http://xxx' + '?cd =' +doJSON

这样后台返给我们的数据像这样: doJSON(data), 这样在我们的页面中就会自动执行我们定义好的方法,而且方法的参数就是我们想要的数据,我们就可以在该方法中处理相关业务逻辑。

document.domain

我们可以在页面中设置documentl.domain,但是这只是针对基础域名相同的情况。例如 在bj.58.com与tj.58.com 中设置document.domain = '58.com',那么只要基础域名是58.com,就可以访问这两个页面

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

更多精彩内容其他人还在看

设计网页FrontPage2000的一些基础问答

  1.我在一行结束后按回车键,就跳到隔一行的段落上,如何避免隔行跳到下一段落?   A.在一行结束后先按着[Shift]键,再按回车就可以不隔行跳到下行上,[Shift] [Enter]是一种很好控制段落关系的快捷方法。   2.如何给一段文字加上背景?   
收藏 0 赞 0 分享

分享FrontPage制作网页的几个技巧

  最近笔者学会了用FrontPage XP做网页,心理特高兴,非常想把我在制作主页过程中的一些经验和大家交流交流、切磋切磋,我们一起来看看吧。   用表格做按钮   很多人为了做出按钮效果,不得不去动用一些图像或动画制作工具,非常麻烦,事实上,利用FrontPage
收藏 0 赞 0 分享

轻松利用FrontPage做站内搜索

  FrontPage不仅可以帮助我们迅速入门网页制作,还可以利用它为网站制作一个简单的站内搜索引擎,可谓是网页制作、站内搜索一气呵成。当然在制作站内信息搜索平台前你应该已经建立了一个网站。   步骤:   第一步,打开FrontPage2003,执行“文
收藏 0 赞 0 分享

网页字体在Frontpage2000制作网页中的讲解

  运用Html,我们可以对字体的大小及字形进行简单的修改,但要进行统一地控制、创建特殊效果,就必须要用到css.它能让您更有效地控制网页外观,并可以扩充精确指定网页元素位置,外观以及创建特殊效果的能力。考虑到用frontpage制作网页的人较多,同时它对其他网页编辑器的
收藏 0 赞 0 分享

Frontpage新手网页超链接制作教程

超連結 基本操作 範例: 作法: 1.先選取要做超連結的文字(如下圖的 1)--> 按右鍵--> 點選「超連結」(如下圖的 2)
收藏 0 赞 0 分享

FrontPage超链接报表功能检查网站死链接

  在我们浏览网站的时候,一定都遇到过页面上带红叉的无效图片或者“无法找到网页”的提示,出现如此现象一般都是因为链接文件的位置发生变化、被误删除或者文件名的拼写错误造成的。为了避免出现无效链接的尴尬,树立良好的网站形象,当我们完成一个网站的设计
收藏 0 赞 0 分享

FrontPage教程:编辑网页

第一课:FrontPage教程:网页制作基础知识 1.视图与模式(一) 现在进入FrontPage。单击任务栏“开始”按钮,选择“程序”选项,单击“Microsoft FrontPage”选项就可
收藏 0 赞 0 分享

Frontpage教程:教你制作网页框架

框架 框架(Frame)在網頁上的應用很普遍 , 因為它可以同時顯示出多個獨立網頁 也可以將使用者常用的連結一直顯示在畫面上 , 減少上一頁下一頁的切換頻率 框架的基本操作 1.先看我們要做
收藏 0 赞 0 分享

Frontpage教程:在表格中布局图片

表格與圖片 表格在網頁上最常用來排版 , 使得版面更整潔美觀 基本觀念:表格vs儲存格-->所謂儲存格,指的就是表格當中切割出來的每一小格 表格的基本操
收藏 0 赞 0 分享

Frontpage教程:制作网页中的书签

書籤 書籤的功能是使用在同一面網頁資料過長時使用 , 能夠使使用者迅速的移動到所要的位置上。 適合用在教學進度表、小文章集宓冉虒W網頁。 書籤的基本操作 範例:
收藏 0 赞 0 分享
查看更多