Кроссдоменный запрос для Google Chrome расширения?

Всем привет!!!

Задача: передать данные сайтам и получить ответы.

Использую $.getJSON
/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .javascript.geshi_code {font-family:monospace;} .javascript.geshi_code .imp {font-weight: bold; color: red;} .javascript.geshi_code .kw1 {color: #000066; font-weight: bold;} .javascript.geshi_code .kw2 {color: #003366; font-weight: bold;} .javascript.geshi_code .kw3 {color: #000066;} .javascript.geshi_code .co1 {color: #006600; font-style: italic;} .javascript.geshi_code .co2 {color: #009966; font-style: italic;} .javascript.geshi_code .coMULTI {color: #006600; font-style: italic;} .javascript.geshi_code .es0 {color: #000099; font-weight: bold;} .javascript.geshi_code .br0 {color: #009900;} .javascript.geshi_code .sy0 {color: #339933;} .javascript.geshi_code .st0 {color: #3366CC;} .javascript.geshi_code .nu0 {color: #CC0000;} .javascript.geshi_code .me1 {color: #660066;} .javascript.geshi_code span.xtra { display:block; }

    var options =
    {
      data: 'send data'
    }
    $.getJSON('http://'+mysite+'?callback=?', options,
    function(response)
    {        
        str = parseInt(response.text);        
        chrome.extension.getBackgroundPage().console.log(str);
    });
 


Ответ сервера:
/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .php.geshi_code {font-family:monospace;} .php.geshi_code .imp {font-weight: bold; color: red;} .php.geshi_code .kw1 {color: #b1b100;} .php.geshi_code .kw2 {color: #000000; font-weight: bold;} .php.geshi_code .kw3 {color: #990000;} .php.geshi_code .co1 {color: #666666; font-style: italic;} .php.geshi_code .co2 {color: #666666; font-style: italic;} .php.geshi_code .co3 {color: #0000cc; font-style: italic;} .php.geshi_code .co4 {color: #009933; font-style: italic;} .php.geshi_code .coMULTI {color: #666666; font-style: italic;} .php.geshi_code .es0 {color: #000099; font-weight: bold;} .php.geshi_code .es1 {color: #000099; font-weight: bold;} .php.geshi_code .es2 {color: #660099; font-weight: bold;} .php.geshi_code .es3 {color: #660099; font-weight: bold;} .php.geshi_code .es4 {color: #006699; font-weight: bold;} .php.geshi_code .es5 {color: #006699; font-weight: bold; font-style: italic;} .php.geshi_code .es6 {color: #009933; font-weight: bold;} .php.geshi_code .es_h {color: #000099; font-weight: bold;} .php.geshi_code .br0 {color: #009900;} .php.geshi_code .sy0 {color: #339933;} .php.geshi_code .sy1 {color: #000000; font-weight: bold;} .php.geshi_code .st0 {color: #0000ff;} .php.geshi_code .st_h {color: #0000ff;} .php.geshi_code .nu0 {color: #cc66cc;} .php.geshi_code .nu8 {color: #208080;} .php.geshi_code .nu12 {color: #208080;} .php.geshi_code .nu19 {color:#800080;} .php.geshi_code .me1 {color: #004000;} .php.geshi_code .me2 {color: #004000;} .php.geshi_code .re0 {color: #000088;} .php.geshi_code span.xtra { display:block; }

<?php echo "({ text:'answer data'});"; ?>
 

Получаю такую ошибку:

Refused to load the script
because it violates the following Content Security Policy directive: "script-src 'self' chrome-extension-resource:".

Вписать сайт manifest.json не получиться
по таким причинам запрос нужно передать на разные сайты и сайты не https а обычные http.

Одно из решений проблемы - создание https сайта прописанного в manifest.json который будет выполнять роль посредника между расширением и http сайтами.
Но к сожалению нет возможности создать https сайт.

Есть ли другие способы решить поставленною задачу?
Спасибо за ответы.
0
chrome javascript jquery json php

1 ответов

У меня была вроде бы такая же ошибка, да и много дургих, не помню как решал, но вот вам готовый кусок работающего кода, попробуйте переделать на основе его


url = 'http://module.sletat.ru/main.svc/GetDepartCities?callback=?';
    $.ajax({
        url: url,
        dataType: 'json',
        data: '',
        cache: true,
        //async: false,
        success: function(html){
            var citiesHTML = '';
            $.each(html.GetDepartCitiesResult.Data, function(key,city) {
                if (city.Id == ".SearchController::defFrom.")
                    citiesHTML = citiesHTML+'<option selected=\"selected\" value=\"'+city.Id+'\" >'+city.Name+'</option>';
                else
                    citiesHTML = citiesHTML+'<option  value=\"'+city.Id+'\" >'+city.Name+'</option>';
            });
            $('#from').html(citiesHTML);
            $('#from').change();
           
        }
    });
 
извиняюсь что вперемешку с php лень вырезать
Да и помнится мне там все проблемы из-за ?callback=?
0

Надо добавить HTTP заголовок в ответе сервера access-control-allow-origin: domen.com или access-control-allow-origin: *
В первом случае мы разрешаем кроссдоменные запросы с domen.com во втором - с любого домена (нежелательно).

0