前端跨域----不定时更新

前端跨域

前端跨域请求当前属于属于常规操作(AJAX)

  • json-padding(纯前端跨域)
    浏览器同源策略,正常情况下,会导致XHR无法跨域。
<script type="text/javascript" async="" src="http://www.google-analytics.com/ga.js"></script>

script标签可以跨域加载js脚本。。
script标签加载的脚本文件会立刻执行。
本地脚本预先定义一个callback(data)函数,然后向支持jsonp的服务发起一个请求,服务器一般会返回callback(data)的形式,这样就变相获得并操纵数据。
一般形式<scripts src="http://www.*.com?callback=callback"></script>

app.all('*',function(req,res,next){
   res.set({
       'Access-Control-Allow-origin' : '*',
       'Access-Control-Allow-Headers' : 'X-Requested-With',
       'Access-Control-Allow-Methods' : 'GET'
   }) ;
    next();
});

我用的http://127.0.0.1:1337作为静态文件服务器,从http://127.0.0.1:1336 REST API获取数据。

var xhr = new XMLHttpRequest();
xhr.open('GET','http://127.0.0.1:1336/blog',true);
xhr.addEventListener('load',function(e){
    console.log(this.response);
})
xhr.send();

Access-Control-Allow-origin属于必填项,*属于通配符,如果没有,就会报错XMLHttpRequest cannot load http://127.0.0.1:1336/blog. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://127.0.0.1:1337' is therefore not allowed access.

    原文作者:怀疑真爱的流浪者jason
    原文地址: https://segmentfault.com/a/1190000000429533
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞