js ajax跨域被阻止 CORS 頭缺乏 'Access-Control-Allow-Origin'(轉)

今天ajax請求域名的時候出現

已阻止跨源請求：同源策略禁止讀取位於 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填寫域名

 

<meta http-equiv="Access-Control-Allow-Origin" content="*">

 

解決辦法四，在請求控制器加上

 

header( "Access-Control-Allow-Origin: *" );