worker里的ajax,Web Worker 调用Ajax

喜欢ヅ旅行 2022-09-03 06:26 166阅读 0赞

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

发表评论取消回复

表情：

评论列表（有 0 条评论，166人围观）

还没有评论，来说两句吧...

相关阅读

相关 service worker

ExtendableEvent.waitUntil() 方法告诉事件分发器该事件仍在进行。这个方法也可以用于检测进行的任务是否成功。在服务工作线程中，这个方法告诉浏览器事件一直

野性酷女/ 2022年12月09日 14:56/ 0 赞/ 95 阅读

相关 worker里的ajax,Web Worker 调用Ajax

Web Worker -- Ajax 通常来讲，Ajax 和 Web Worker 都是异步执行的，彷佛没有必要在Web Worker里调用Ajax，若是存在这种状况，Aja

喜欢ヅ旅行/ 2022年09月03日 06:26/ 0 赞/ 167 阅读

相关 Web Workers

Web Workers 为 Web 前端网页上的脚本提供了一种能在后台进程中运行的方法。一旦它被创建，Web Workers 就可以通过 postMessage 向任务池发送任

ゝ一世哀愁。/ 2022年06月14日 03:19/ 0 赞/ 77 阅读

相关 JS——worker

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

客官°小女子只卖身不卖艺/ 2022年06月03日 07:39/ 0 赞/ 101 阅读

相关 web worker的了解

如，MDN[文档][Link 1]中介绍的那样，使用demo如下 <!DOCTYPE html> <html lang="en">

我就是我/ 2022年05月23日 02:05/ 0 赞/ 108 阅读

相关 HTML5——worker

1. js是单线程，可以通过worker创建一个异步的js线程，将计算好的结果返回给js主线程。 2. 要满足同源策略，在服务器中打开测试 3. 基本操作 ![70][]

迈不过友情╰/ 2022年05月11日 03:08/ 0 赞/ 126 阅读

相关 Service Worker

当下PWA比较火，而Service Worker是实现PWA的一项关键技术，今天我们一起了解下关于Service Worker的一些基础知识和适用场景。什么是Server

古城微笑少年丶/ 2022年04月23日 14:40/ 0 赞/ 186 阅读

相关 nginx设置worker_processes，worker_connections，worker_rlimit_nofile

max\_clients = worker\_processes \ worker\_connections worker\_processes number|auto

秒速五厘米/ 2022年04月11日 09:23/ 0 赞/ 385 阅读

相关 Service Worker

![dlanor-s-703975-unsplash.jpg][] Service Worker 随着前端快速发展，应用的性能已经变得至关重要，关于这一点大佬做了很多统

布满荆棘的人生/ 2022年03月07日 13:44/ 0 赞/ 135 阅读

相关 Web Worker使用

Web Workers 是 HTML5 提供的一个javascript多线程解决方案，我们可以将一些大计算量的代码交由web Worker运行而不冻结用户界面。介绍通过

快来打我*/ 2022年02月24日 02:36/ 0 赞/ 151 阅读