WEB前端面经(三)

本文介绍了前端跨域的常见解决方案,包括CORS、JSONP、修改document.domain以及使用window.postMessage方法。CORS提供了更全面的跨域支持,而JSONP主要用于老版本浏览器。通过设置document.domain,不同二级域名的页面可以共享Cookie。HTML5的window.postMessage则允许跨窗口通信,无论是否同源。
摘要由CSDN通过智能技术生成

1、跨域?
浏览器禁止非同域js进行交互,只要域名、协议、端口一个不同就是非同域。

  • CORS(Cross-Origin Resource Sharing)跨域资源共享
    使用自定义http让浏览器与服务器进行沟通,服务器端对于CORS的支持,主要就是通过设置Access-Control-Allow-Origin来进行的。
//指定允许其他域名访问
'Access-Control-Allow-Origin:*'//或指定域
//响应类型
'Access-Control-Allow-Methods:GET,POST'
//响应头设置
'Access-Control-Allow-Headers:x-requested-with,content-type'
  • JSONP(JSON with Padding)
    解决ajax跨域请求
​<script type="text/javascript">
    function dosomething(jsondata){
        //处理获得的json数据
    }
</script>
<script src="http://example.com/data.php?callback=dosomething"></script>
//Jquery

​<script type="text/javascript">
    $.getJSON('http://example.com/data.php?callback=?,function(jsondata)'){
        //处理获得的json数据
    });
&
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值