0

Делаю расширение для хрома. Мне нужно из моего файла content отправить сообщение на background и получить ответ.

Отправляю из content так:

chrome.runtime.sendMessage({type:'test', method: 'getHtml', data: 'test'}, {}, function (response) {
     console.log(response);
});

Обработчик сообщений в background:

chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) {

        console.log('chrome.runtime.onMessage', request, sender);

        if(request&&request.type&&request.method) {
            sendResponse(window[request.type][request.method](request.data));
        }

    });

getHtml в background:

function getHtml (name) {
        // fetch не работает.
        let html = fetch('/html/'+name+'.html').then(function(response) {
            return response.text();
        });
        return html;

        // Promise тоже не работает.
        return $.get('/html/'+name+'.html').then(result => {
           console.log(result);
           return result;
        });
    }

В консоль выводятся полученные данные, но в response в content приходит пустой объект.

Что я не так делаю?

Примеры взяты отсюда - Не работают

Банально этот пример не работает, а хотя это написано в ответе другого вопроса:

function getResult() {
  var q1 = $.get('/html/test.html');

  var q2 = q1.then(function (data) {
    return data;
  });
  console.log('ffffffff');
  return q2;
}

По идее сначала должно отработать запрос а потом вывестись консоль. Но происходит наоборот.

6
  • Почему вы догадались написать метод then внутри getHtml - но забыли про существование этого метода внутри addListener? 3 мар 2018 в 19:05
  • @PavelMayorov не совсем пойму. на примере можно?
    – Tsyklop
    3 мар 2018 в 19:06
  • @PavelMayorov не работает даже пример с решения с другой темы. Я добавил в шапку.
    – Tsyklop
    3 мар 2018 в 19:26
  • "По идее сначала должно отработать запрос а потом вывестись консоль." - нет, сначала - консоль. Код не ждет окончания запроса, а идет дальше.
    – user176262
    3 мар 2018 в 19:48
  • @Igor как мне сделать что бы там подождало пока выполнится запрос и вернуть полученные данные?
    – Tsyklop
    3 мар 2018 в 19:49

1 ответ 1

1

Промисы отлично подходят для этого, вам просто нужно правильно с ними работать.

background

chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) {

  console.log('chrome.runtime.onMessage', request, sender);

  if (request && request.type && request.method) {

    window[request.type][request.method](request.data) // вернет Promise
      .then(function (result) { // ожидаем когда промис выполнится
        sendResponse(result); // отвечаем на сообщение
      })
      .catch(function (e) {
        console.log(e); // что-то пошло не так
      })
  }

  return true; // это обязательно: сообщаем onMessage.addListener что ответ будет ассинхронным
});

getHtml

function getHtml (name) {
  return $.get('/html/'+name+'.html');
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.