worker里的ajax,Web Worker 调用Ajax

Web Worker -- Ajax

通常来讲，Ajax 和 Web Worker 都是异步执行的，彷佛没有必要在Web Worker里调用Ajax，若是存在这种状况，Ajax 须要按照一个队列里数据排列的顺序同步发送请求，若是不想页面被阻塞，这种状况下能够使用Web Worker 而且须要在Web Worker里使用Ajax。或者说非要在Web Woker里使用Ajax。javascript

在Web Worker直接使用Ajax可能会碰到一个问题，Juery在作初始化的时候依赖DOM，而Web Worker和DOM是相互独立的，因此没法直接使用Ajax。这有2种解决方案。

第一种比较简单，使用JQuery的No DOM Edition，这里是GitHub地址：

https://github.com/kpozin/jquery-nodom。能够经过这种importScripts("jquery.nodom.js")引入到当前JS文件。

第二种方法建立一个虚假的DOM对象。注意这个虚假的DOM只是容许jQuery加载下来，不能作任何DOM操做。

var document = self.document = {parentNode: null, nodeType: 9, toString: function() {return "FakeDocument"}};var window = self.window = self;var fakeElement = Object.create(document);

fakeElement.nodeType = 1;

fakeElement.toString=function() {return "FakeElement"};

fakeElement.parentNode = fakeElement.firstChild = fakeElement.lastChild = fakeElement;

fakeElement.ownerDocument = document;

document.head = document.body = fakeElement;

document.ownerDocument = document.documentElement = document;

document.getElementById = document.createElement = function() {return fakeElement;};

document.createDocumentFragment = function() {return this;};

document.getElementsByTagName = document.getElementsByClassName = function() {return [fakeElement];};

document.getAttribute = document.setAttribute = document.removeChild =

document.addEventListener = document.removeEventListener =

function() {return null;};

document.cloneNode = document.appendChild = function() {return this;};

document.appendChild = function(child) {return child;};

(想要JS文件的评论留邮箱)java