在谷歌Chrome擴展

Question

我用jquery.ajax函數從谷歌瀏覽器擴展數據發佈到我的web服務，如下代碼使用jQuery.ajax：

$.ajax({ 
      type: "POST", 
      url: serviceUrl, 
      data: data, 
      success: function(msg){ 
       if(typeof(Me.config.onSumitted) == "function"){ 
        Me.config.onSumitted(msg); 
       } 
      }, 
      error: function(){ 
       if(typeof(Me.config.onError) == "function"){ 
        Me.config.onError(); 
       } 
      } 
     }); 

，但我得到一個錯誤：

XMLHttpRequest cannot load http://todomain.com/Service.asp. Origin http://fromtabdomain.com is not allowed by Access-Control-Allow-Origin. 

我該如何解決它？

Answer 1

你可以看看這個網頁來達到你想要的東西：

http://code.google.com/chrome/extensions/xhr.html

這只是有關設置權限...

Answer 2

其因爲same origin policy設置crossDomain爲true（ISE的jQuery版本1.5或更高版本）

$.ajax({ 
      type: "POST", //or GET 
      url: serviceUrl, 
      data: data, 
      crossDomain:true, 
      cache:false, 
      async:false, 
      success: function(msg){ 
       //do some thing 
      }, 
      error: function(jxhr){ 
       alert(jxhr.responseText); 
       //do some thing 
      } 
     }); 

Answer 3

As @ChristopheCVB指出http://code.google.com/chrome/extensions/xhr.html tel LS你該怎麼做：

請新增permissions部分，將manifest.json的：

{ 
    "name": "yourExtension", 

    "permissions": [ 
    "http://fromtabdomain.com" 
    ] 
} 

Answer 4

我用原生Ajax來解決這個problem.you可以做到這一點下面的步驟。

ajax = function(options, callback) { 
    var xhr; 
    xhr = new XMLHttpRequest(); 
    xhr.open(options.type, options.url, options.async || true); 
    xhr.onreadystatechange = function() { 
    if (xhr.readyState === 4) { 
     return callback(xhr.responseText); 
    } 
    }; 
    return xhr.send(); 
}; 

Answer 5

你需要一個許可添加到您manifest.js文件

"permissions": [ 
    "http://www.yourwebsite.com/" 
    ],