Использование jQuery.ajax в расширении Google Chrome

Question

Я использую функцию jquery.ajax для публикации данных из расширения Google Chrome в моем веб-сервисе, как показано ниже:

$.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

вам нужно добавить разрешение в файл manifest.js

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

Answer 3

Как @ChristopheCVB указал http://code.google.com/chrome/extensions/xhr.html говорит вам, что делать:

Пожалуйста, добавьте permissions раздел в ваш manifest.json:

{
  "name": "yourExtension",

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

Answer 4

Я использую нативный ajax для решения этой проблемы. Вы можете сделать это с помощью следующих шагов.

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

, потому что та же политика происхождения установить 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
           }
         });