信息介绍
如何掌握Web前端技术?JS跨域是怎么回事?JavaScript跨域是指通过JS在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过JS获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同,都被当作是不同的域。下面来看看吧。
​
在此之前,我们首先要了解为什么需要跨域。跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript施加的安全限制。简单来说,跨域的作用就是让你能访问不是一个域的文件。
要解决跨域问题,我们可以使用以下几种方法:
一、通过jsonp跨域(实际上是动态创建script标签)
jsonp(json with Padding)是资料格式json的一种“使用模式”,可以让网页从别的网域要资料。jsonp也叫填充式json,是应用json的一种新方法,只不过是被包含在函数调用中的json。jsonp由两部分组成:回调函数和数据。回调函数是当响应到来时应该在页面中调用的函数,而数据就是传入回调函数中的json数据。
二、通过document.domain+ iframe (只有在主域相同的时候才能使用该方法)
两个不同域的a.html和b.html
解决办法:在两个页面都插入document.domain,这样就能访问iframe里window对象的各种属性。
三、使用window.name来进行跨域
原理:在一个窗口(window)的生命周期内,窗口载入的所有的页面都是共享一个window.name的,每个页面对window.name都有读写的权限
四、使用HTML5的window.postMessage方法来跨域传送数据
五、利用CORS
CORS是自定义HTTP头部,使浏览器和服务器对比,从而决定请求和响应是否应该进行。
IE8使用XDR对象实现CORS,和XHR类似用法
现代浏览器使用普通的XMLHttpRequest对象请求就行。
当然,实现JavaScript跨域的方法还有图片Ping、利用flash等。跨域是前端最重要的面试题之一,掌握它你就比别人多了一个优势,如果你想学好Web前端开发,建议参加专业的学习方式。
欢迎具体了解:郑州Web前端培训http://zz.mobiletrain.org/html5/
​
在此之前,我们首先要了解为什么需要跨域。跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript施加的安全限制。简单来说,跨域的作用就是让你能访问不是一个域的文件。
要解决跨域问题,我们可以使用以下几种方法:
一、通过jsonp跨域(实际上是动态创建script标签)
jsonp(json with Padding)是资料格式json的一种“使用模式”,可以让网页从别的网域要资料。jsonp也叫填充式json,是应用json的一种新方法,只不过是被包含在函数调用中的json。jsonp由两部分组成:回调函数和数据。回调函数是当响应到来时应该在页面中调用的函数,而数据就是传入回调函数中的json数据。
二、通过document.domain+ iframe (只有在主域相同的时候才能使用该方法)
两个不同域的a.html和b.html
解决办法:在两个页面都插入document.domain,这样就能访问iframe里window对象的各种属性。
三、使用window.name来进行跨域
原理:在一个窗口(window)的生命周期内,窗口载入的所有的页面都是共享一个window.name的,每个页面对window.name都有读写的权限
四、使用HTML5的window.postMessage方法来跨域传送数据
五、利用CORS
CORS是自定义HTTP头部,使浏览器和服务器对比,从而决定请求和响应是否应该进行。
IE8使用XDR对象实现CORS,和XHR类似用法
现代浏览器使用普通的XMLHttpRequest对象请求就行。
当然,实现JavaScript跨域的方法还有图片Ping、利用flash等。跨域是前端最重要的面试题之一,掌握它你就比别人多了一个优势,如果你想学好Web前端开发,建议参加专业的学习方式。
欢迎具体了解:郑州Web前端培训http://zz.mobiletrain.org/html5/
联系方式
0371-55191750
发布供求信息
最新供求
新
北京亮典文旅 重庆旅游IP形象设计 景观建筑设计 四川景区旅游策划
新
ISO 14001环境管理体系:企业迈向可持续发展的必备之选
新
勾搭龙骨厂家/Z型勾搭龙骨/勾搭铝单板龙骨/勾搭龙骨吊件/勾搭龙骨定制
新
如何顺利获得ISO 13485认证?企业成功的关键步骤
新
江苏瀚宣博大告诉你:备考五年制专转本这几个“内幕”你要知道!
新
企业申请信息安全双体系认证的关键意义与适用范围
新
济宁地区管家婆进销存管理软件代理
新
从警纪念牌光荣退休荣誉牌定制纪念品荣休礼物创意礼品盾形摆件
新
银币定制退休纪念品公司礼品送荣休员工纪念礼物高档实用摆件定做
新
创意木奖牌警盒批发新警入警从警周年光荣退休荣誉表彰纪念品制作
推荐供求
热门供求
热
上海安装密码门禁维修 刷卡门禁维修 感应门禁维修
热
高价回收欧姆龙光电传感器回收AB罗克韦尔继电器回收施克接近开关
热
上海自动门滑轮维修感应门马达维修 玻璃门地弹簧 控制器 感应器维修安装51698695
热
上海木地板水泡鼓包能自行恢复 木地板水泡鼓抽水处理 地板起拱修复
热
上海专业实木复合地板维修安装 地板踢脚线安装 地板受潮起拱修复
热
上海指纹门禁安装 考勤系统维修 门禁考勤系统 指纹门禁系统 密码锁维修安装
热
重交流,倡分享 | 秦汉胡同**届围棋毫社教师联赛开幕
热
新世界日语培训
热
液压支架顶梁侧护板ZY3200/14/32D||ZY320K.0302
热
综采用Y321-020105液压支架侧护板损坏原因