js ajax跨域被阻止 CORS 头缺少 'Access-Control-Allow-Origin'

今天ajax请求域名的时候出现

最近在看Angular.js时，使用到了BootStrap，但是在运行页面时出现了 CORS 头缺少 'Access-Control-Allow-Origin' 的情况，找了找在这里按照方法三的解决方案解决了问题

原文来自：http://blog.csdn.net/u010757785/article/details/51454217

原文内容：

已阻止跨源请求：同源策略禁止读取位于 http://www.zuimeimami.com*****的远程资源。（原因：CORS 头缺少 'Access-Control-Allow-Origin'）。

解决办法1：

var url='http://localhost:8080/WorkGroupManagment/open/getGroupById"
       +"?id=1&callback=?';   $.ajax({
     url:url,
     dataType:'jsonp',
     processData: false, 
     type:'get',
     success:function(data){
       alert(data.name);
     },
     error:function(XMLHttpRequest, textStatus, errorThrown) {
       alert(XMLHttpRequest.status);
       alert(XMLHttpRequest.readyState);
       alert(textStatus);
     }});

解决办法2：

 

var url="http://localhost:8080/WorkGroupManagment/open/getGroupById"
    +"?id=1&callback=?";
$.jsonp({  "url": url,  "success": function(data) {
    $("#current-group").text("当前工作组:"+data.result.name);
  },  "error": function(d,msg) {
    alert("Could not find user "+msg);
  }
});

解决办法三：

被请求页面加上下面代码，最好content填写域名

解决办法四，在请求控制器加上Header();