信息介绍
如何学好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
上一条:葡萄酒深圳机场进口清关代理
发布供求信息
最新供求
推荐供求
热门供求
热
上海安装密码门禁维修 刷卡门禁维修 感应门禁维修
热
高价回收欧姆龙光电传感器回收AB罗克韦尔继电器回收施克接近开关
热
上海自动门滑轮维修感应门马达维修 玻璃门地弹簧 控制器 感应器维修安装51698695
热
上海木地板水泡鼓包能自行恢复 木地板水泡鼓抽水处理 地板起拱修复
热
上海专业实木复合地板维修安装 地板踢脚线安装 地板受潮起拱修复
热
上海指纹门禁安装 考勤系统维修 门禁考勤系统 指纹门禁系统 密码锁维修安装
热
重交流,倡分享 | 秦汉胡同**届围棋毫社教师联赛开幕
热
新世界日语培训
热
液压支架顶梁侧护板ZY3200/14/32D||ZY320K.0302
热
综采用Y321-020105液压支架侧护板损坏原因