HTML Web Worker и вызов Jquery Ajax - PullRequest
       12

HTML Web Worker и вызов Jquery Ajax

39 голосов
/ 29 января 2011

Мне интересно, могу ли я использовать jQuery внутри файла веб-рабочего.Google Chrome выдает мне эту ошибку: «Uncaught ReferenceError: $ не определено».

Вот код: Родительский файл:

var loader = new Worker(BASE_URL + "js/rss_loader_worker.js");
// Ask the worker to start loading the RSS from the server
loader.postMessage("loadRss");
// When receive the response from the server
loader.onmessage = function (event) {
  console.log(event.data);
}

Рабочий файл:

onmessage = function (event) {
  if (event.data === "loadRss") {
    loadRss();
  }
}

/**
 * This function handles the AJAX request to the server side
 * then pass the content to the view page
 * @param none
 * @return html text
 */
loadRss = function () {
  $.ajax({
    data: {city: CITY_LOCATION},
    url: BASE_URL + "/getfeeds",
    onsucess: function (data) {

    }
  });
}

Пожалуйста, помогите, спасибо:)

Ответы [ 6 ]

38 голосов
/ 29 января 2011

Нет, вы не можете .Нет доступа к не поточно-безопасным компонентам или DOM, и вам нужно передавать определенные данные в поток и из потока через сериализованные объекты.Таким образом, вы должны очень усердно работать, чтобы вызвать проблемы в вашем коде. jQuery - это библиотека DOM JavaScript .

Но вы можете использовать нативный XMLHttpRequest в своем рабочем месте.

И импорт внешних скриптов не идет через страницус тегом script: используйте importScripts () для этого в вашем рабочем файле.

23 голосов
/ 24 января 2012

Вот что я нашел:

Вы можете загружать внешние файлы сценариев или библиотеки в работника с помощью функции importScripts().

http://www.html5rocks.com/en/tutorials/workers/basics/#toc-enviornment-loadingscripts

importScripts('script1.js');
importScripts('script2.js');

или

importScripts('script1.js', 'script2.js');

Хотя вы не можете загрузить jQuery, потому что jQuery требует доступа DOM, которого нет у веб-работников.

4 голосов
/ 24 февраля 2014

Поскольку веб-работники находятся во внешних файлах, у них нет доступа к следующим объектам JavaScript:

  • Объект окна
  • Объект документа
  • Объектродительский объект

Таким образом, вы не можете использовать $ внутри рабочего файла.Лучше вы можете использовать традиционный AJAX что-то вроде этого

if (window.XMLHttpRequest)
{
  // code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
}
else
{
  // code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

Ссылка на http://www.w3schools.com/html/html5_webworkers.asp

2 голосов
/ 02 сентября 2013

jQuery в основном для работы с DOM и работы с веб-страницами. Так что это не очень подходит для веб-работников, которые не имеют доступа к DOM.

Возможно, вы захотите использовать служебную библиотеку вместо библиотеки DOM, такую ​​как underscore.js , или, возможно, кто-то должен сделать библиотеку jQuery Worker, упрощенную облегченную версию jQuery без всех Функциональность манипулирования DOM, просто сохраняя функции утилиты.

2 голосов
/ 08 июня 2011

Среде выполнения в Node.JS также не хватает встроенной реализации DOM.Я думаю, что было бы справедливо сказать, что Node.JS и HTML5 Web Workers имеют определенные ограничения.

Существуют способы моделирования DOM-реализации для использования jQuery в Node.JS.Если вы все еще хотите использовать jQuery в Web Workers, я думаю, вам следует поискать решения Node.JS и посмотреть, применимы ли они.

1 голос
/ 05 августа 2011

посмотрите на этот плагин https://github.com/rwldrn/jquery-hive

...