前端跨域总结

前端跨域总结张所勇（ suoyong ） [email_address] [email_address]

Ajax 跨域 Iframe 跨域 Cookie 跨域 Flash 跨域跨域情况

什么情况会跨域？主域不同

什么情况会跨域？主域相同，子域不同

什么情况会跨域？域名相同，协议不同

什么情况会跨域？域名相同，端口不同

什么情况不会跨域？域名完全相同

示例 jiaju.com 和 zhangsuoyong.com 通信

按照能力分 ,[object Object],[object Object]

能掌握 zhangsuoyong.com 时 ,[object Object],[object Object],[object Object]

能掌握 zhangsuoyong.com 时 ,[object Object],[object Object],[object Object],[object Object]

能掌握 zhangsuoyong.com 时 ,[object Object],[object Object],[object Object],$. getJSON (" http://www.zhangsuoyong.com/demo/cross/ajax01/2.php? jsoncallback=? ",function(data){ alert(data); }); $. ajax ({ url : 'http://www.zhangsuoyong.com/demo/cross/ajax01/2.php? jsoncallback=? ', dataType : " jsonp ", type : " GET ", success : function(data){ alert(data); } });

不能掌握 zhangsuoyong.com 时 ,[object Object],[object Object],[object Object]

不能掌握 zhangsuoyong.com 时 ,[object Object],[object Object]

按情境分 ,[object Object],[object Object],[object Object]

不跨域时 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

跨域时 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

跨域时 ,[object Object],[object Object]

跨域时 ,[object Object],[object Object],[object Object],[object Object]

主域不同时 ,[object Object],[object Object],[object Object]

主域不同时 ,[object Object],[object Object],[object Object],[object Object]

location.hash( A 操作 B ) ,[object Object],1 、通过 location.hash 方式传递参数 2 、通过定时器检测 hash 变化，执行对应操作

location.hash( B 操作 A ) ,[object Object],1 、创建和上层同域的 iframe 通过 location.hash 方式传递参数 2 、通过 top.window 获取顶层 window 对象

location.hash ,[object Object],[object Object],[object Object],[object Object]

location.hash ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

location.hash 缺点 ,[object Object],[object Object]

主域不同时 ,[object Object],[object Object],[object Object],[object Object],[object Object]

window.name ,[object Object],[object Object],[object Object],[object Object]

window.name ,[object Object],[object Object]

window.name ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

window.name ,[object Object],window.name=‘Hello kitty!’ 1 、创建 iFrame B 2 、把要传递的数据放入 window.name

window.name ,[object Object],3 、在 A 中将 B 替换成 C 4 、读取 C 的 window.name 以获取数据

Cookie 跨域 ,[object Object],[object Object],[object Object],[object Object]

Cookie 跨域 ,[object Object],[object Object],[object Object]

Cookie 跨域 ,[object Object],[object Object]

Flash 跨域 ,[object Object],[object Object],[object Object],[object Object],[object Object]

Flash 跨域 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Flash 跨域 ,[object Object],[object Object]

前端跨域总结

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to 前端跨域总结

Similar to 前端跨域总结 (20)

前端跨域总结