在谷歌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/" 
    ],