HTML Web Worker和Jquery Ajax调用

我想知道是否可以在web worker文件中使用jQuery。 谷歌浏览器给我这个错误:“未捕获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) { } }); } 

请帮忙,谢谢:)

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

但是,您可以在您的工作人员中使用本机XMLHttpRequest

而且,导入外部脚本不会通过带有script标记的页面:在工作程序文件中使用importScripts() 。

这是我发现的:

您可以使用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 worker不具备。

由于Web工作人员处于外部文件中,因此他们无法访问以下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

Node.JS中的执行环境也缺less原生的DOM实现。 我认为Node.JS和HTML5 Web Workers共享某些限制是公平的。

为了在Node.JS中使用jQuery,有许多方法可以模拟DOM实现。 如果你仍然想在Web Workers中使用jQuery,我想你应该searchNode.JS解决scheme,看看它们是否适用。

jQuery主要用于处理DOM和使用网页。 所以对于不能访问DOM的Web Workers来说,它是不太适合的。

您可能需要使用实用程序库而不是DOM库(例如underscore.js) ,或者也许有人应该制作一个jQuery Worker库,这是一个精简版的jQu​​ery,没有所有的DOM操作function,只是保持实用function。