Подождать, пока будет получено значение из chrome.runtime.sendMessage

@Yes Chad · Регистрация: 09.08.2020

Студворк — интернет-сервис помощи студентам

Hello world! Здравствуйте, уважаемые посетители данного форума. Я получаю цену с сайта запросом(получаю значение в json) непосредственно в background.js через обмен chrome.runtime сообщениями между content.js и background.js. Но почему то функция RequestItem возвращает undefined. Скорее всего это из за того, что chrome.runtime.sendMessage асинхронный и return в функции RequestItem не ждёт пока будет получено значение для let value. В таком случае мне, возможно, нужно дождаться пока значение будет получено из chrome.runtime.sendMessage и вернуть его. Товарищи, как сделать это и возможны ли другие способы? Извиняюсь, если неверно изъяснил проблему. Надеюсь на Вашу помощь.

content.js

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
var price = RequestItem("AK-47 | Wild Lotus (Battle-Scarred)");
alert(price);
 
function RequestItem(itemName) {
  let value;
  chrome.runtime.sendMessage(
    {
      action: "getPrice",
      url:
        "https://steamcommunity.com/market/priceoverview/?appid=730&currency=5&market_hash_name=" +
        itemName,
      kind: "lowest_price",
    },
    (getted) => {
      console.log(getted); //как и ожидается, выводит в консоль цену "125409,18 pуб"
      value = getted;
    }
  );
  return value; //возвращает undefined
}

background.js

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
chrome.runtime.onMessage.addListener(function (request, sender, callback) {
  if (request.action == "getPrice") {
    var xhttp = new XMLHttpRequest();
 
    xhttp.onload = function () {
      var data = JSON.parse(xhttp.responseText);
      callback(data[request.kind]);
    };
    xhttp.onerror = function () {
      callback("error");
    };
    xhttp.open("GET", request.url, true);
    xhttp.send();
    return true;
  }
});

@Eva Rosalene · 03.11.2021, 09:53

content.js

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
async function RequestItem(itemName) {
  return new Promise((resolve, reject) => {
    chrome.runtime.sendMessage(
      {
        action: "getPrice",
        url:
          "https://steamcommunity.com/market/priceoverview/?appid=730&currency=5&market_hash_name=" +
          itemName,
        kind: "lowest_price",
      },
      (error, getted) => {
        if (error) {
          reject(error);
          return;
        }
        resolve(getted);
      }
    );
  });
}
 
async function main() {
  const price = await RequestItem("AK-47 | Wild Lotus (Battle-Scarred)");
  alert(price);
}
 
main().catch(error => {
  console.error(error);
});

background.js

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
chrome.runtime.onMessage.addListener(function (request, sender, callback) {
  if (request.action === "getPrice") {
    var xhttp = new XMLHttpRequest();
 
    xhttp.onload = function () {
      try {
        var data = JSON.parse(xhttp.responseText);
        callback(null, data[request.kind]);
      } catch (error) {
        callback(error, null);
      }
    };
    xhttp.onerror = function (error) {
      callback(error, null);
    };
    xhttp.open("GET", request.url, true);
    xhttp.send();
    return true;
  }
});

Что-то в этом роде. Основной код я перенесла в асинхронный контекст (async function main), чтобы он мог дождаться Promise.

@Yes Chad · 03.11.2021, 21:04 **[ТС]**

Eva Rosalene, Спасибо!

Новые блоги и статьи Все статьи Все блоги /
Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .

@Yes Chad 3 / 3 / 1 Регистрация: 09.08.2020 Сообщений: 46
	03.11.2021, 21:04 [ТС]
	Eva Rosalene, Спасибо! 0

Подождать, пока будет получено значение из chrome.runtime.sendMessage

Решение