HTML Web Worker 和 Jquery Ajax 调用

发布于 2024-10-15 10:39:27 字数 843 浏览 5 评论 0原文

我想知道是否可以在 Web Worker 文件中使用 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) {

    }
  });
}

请帮忙，谢谢:)

原文

I'm wondering if I can use jQuery inside the web worker file. Google Chrome gives me this error: "Uncaught ReferenceError: $ is not defined".

Here is the code:
The parent file:

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);
}

The worker file:

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) {

    }
  });
}

Please help, thank you :)

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

淡淡の花香 2024-10-22 10:39:28

不，你不能。无法访问非线程安全组件或 DOM，并且您必须通过序列化对象将特定数据传入和传出线程。所以你必须非常努力地工作才能在你的代码中引起问题。 jQuery 是一个 JavaScript DOM 库。

但是您可以在您的工作线程中使用本机 XMLHttpRequest。

并且，导入外部脚本不会通过带有 script 标记的页面：使用 importScripts()< /a> 在你的工作文件中。

回复收藏 0 原文

离鸿 2024-10-22 10:39:28

这是我发现的：

您可以使用以下命令将外部脚本文件或库加载到工作线程中
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 访问权限，而 Web Workers 没有该权限。

Here's what I found:

You can load external script files or libraries into a worker with the
importScripts() function.

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

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

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

Although, you cannot load jQuery, because jQuery requires DOM access, which web workers don't have.

回复收藏 0 原文

欢你一世 2024-10-22 10:39:28

由于 Web Worker 位于外部文件中，因此它们无权访问以下 JavaScript 对象：

窗口对象
文档对象
父对象

因此，您不能在 Worker 文件中使用 $ 。更好的是，您可以使用传统的 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

Since web workers are in external files, they do not have access to the following JavaScript objects:

The window object
The document object
The parent object

So you can't use $ inside worker file. Better you can use traditional AJAX something like this

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

Reference at http://www.w3schools.com/html/html5_webworkers.asp

回复收藏 0 原文