跨域postMessage問題

Question

我有一個主要網站從另一個網站調用appi，因此跨域出現問題。我正在嘗試使用window.postMessage方法，但它似乎不適合我。

//This is the appi that sends the message. 
$(document).ready(function() { 
    solution01.ini(); 

}); 
var solution01= { 


    ini:function(){ 
    window.parent.postMessage('Hello World', 'http://webappi:0000'); 

}, 
} 

//this is in the Main Page that have the IFrame that calls the appi above. 

$(document).ready(function() { 


mainSolution.ini(); 
}); 

var mainSolution = { 


    ini:function(){ 
     window.addEventListener('message', mainSolution.handleResponse, false); 
    }, 

    handleResponse:function(evt) { 

     if (evt.origin === 'http://webappi:0000') 
     { 
      alert("I'm happy to say: "+evt.data); 
     }else{ 

      return; 
     } 
    }, 
} 

問題沒有任何提醒。關於這個過程的任何指南，我錯過了什麼？ PS。我用IE瀏覽器和一些老的Opera瀏覽器瞭解了window.addEventListener和Cross Browsing的問題，但首先我需要使用firefox獲得一個簡單的'Hello World'，但目前爲止還沒有成功。問候。

Answer 1

事實：我們的網絡瀏覽器不允許通過跨域web api/wcf調用傳遞參數。

我用web api來解決這個問題。

解決方案：爲我工作的解決方案是，我修改了我的web api以允許參數通過跨域。我使用這篇文章中的分步說明：http://www.asp.net/web-api/overview/security/enabling-cross-origin-requests-in-web-api

如果不起作用，請嘗試通過nuget更新您的ASP.Net Web API包。