AJAX跨域請求

Question

我在我的主域上有我的JavaScript文件，我想從子域進行一些調用。

我已經加入：

url: "http://domain.com/ajax.php" 

所以完整的代碼：

$.ajax({ 
     type: "POST", 
     url: "http://domain.com/ajax.php", 
     data: { 
      var1: var1, 
      var2: var2 
     }, 
     success: function(data){ 

     } 
    }); 

但在螢火蟲它顯示了請求作爲紅色並沒有作出迴應。 POST參數也應該在那裏。

我應該在子域上創建一個新的JS文件並添加必要的代碼並從那裏執行AJAX調用？

編輯：使用JSONP代碼

我用這對localhost/ajax.php，這是我從sub.localhost

$.ajax({ 
     dataType: 'jsonp', 
     data: 'id=10', 
     jsonp: 'jsonp_callback', 
     url: 'http://localhost/ajax.php', 
     success: function (data) { 
      console.log(data); 
     }, 
    }); 

調用和ajax.php包含：

<?php 
echo $_GET["id"]; 
?> 

Answer 1

您可以使用Access-Control-Allow-Origin標題啓用跨域請求。

閱讀原因：Cross-Origin Resource Sharing (CORS)

Answer 2

假設你有jQuery 1.5+可以使用：

$.ajax({ 

    crossDomain:true, 
    type: "POST", 
    url: "http://domain.com/ajax.php", 
    data: { 
     var1: var1, 
     var2: var2 
    }, 
    success: function(data){ 

    } 

}); 

從DOCS：

跨域（加入1.5）

Default: false for same-domain requests, true for cross-domain requests

如果要強制跨域請求（如JSONP）在相同的域，設定跨域的值爲真。這允許，例如，服務器端重定向到另一個域名

Answer 3

子站點要求你有兩種選擇：

1. 兩側使用document.domain。

2. 使用jsonP，通過jQuery 1.5的跨域ajax規範或directly。