在此AJAX调用循环上设置延迟 - 腾讯云开发者社区

文章/答案/技术大牛

发布

耗时很长的服务器端事件中让客户端得到中间过程信息的合理解决方案

最初的问题是一点按钮过不了几分钟就页面超时(要想页面不超时必须定时给页面输出一些东西), 搞定了页面超时的问题然后就是服务器IIS超时设置了IIS超时时间就又SQL连接超时最后寻思这样下去总不是个办法...决定上ajax(正如大家想的一样) 二:开始想到了ajax 上ajax又碰到一个问题 ICallbackEventHandler只提供了两个方法, 一个是被客户端触发的服务器端事件, 一个是服务器端事件完成后的反馈事件...用javascript循环把邮件地址发送给服务器端(以ajax方式), 每循环一次给服务器端10条信息, 服务器端把这10个邮件发完之后,反馈客户端一次客户端通过js更新提示信息(已经发完十封了)...然后进入下一次ajax循环 2.ajax调用服务器端事件,在服务器端事件里使用多线程技术当用户点按钮触发了ajax服务器端事件后, 在这个事件里我建立了两个线程一个线程开始发送邮件,另一个线程负责返回信息...因为要实时的返回信息, 所以这个ajax事件肯定是定时调用的.

7411 0

前端开发面试题答案(四)

25、js延迟加载的方式有哪些？ defer和async、动态创建DOM方式（用得最多）、按需异步载入js 26、Ajax 是什么? 如何创建一个Ajax？...(1)创建XMLHttpRequest对象,也就是创建一个异步调用对象 (2)创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息 (3)设置响应HTTP请求状态变化的函数 (4)发送...HTTP请求 (5)获取异步调用返回的数据 (6)使用JavaScript和DOM实现局部刷新 27、Ajax 解决浏览器缓存问题？...jsonp、 iframe、window.name、window.postMessage、服务器上设置代理页面 30、模块化开发怎么做？...属性，在开始循环的时候设置一个变量来存储这个数字，可以让循环跑得更快： for(var i = size, length = arr.length; i < length; i++) {} 40、如何判断当前脚本运行在浏览器还是

3.1K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

Navigator.sendBeacon实现页面埋点统计

早之前做过，还是看的阮一峰双循环延迟阻塞页面卸载，除了死循环延迟，还有其他旁门左道，比如ajax设置同步，然后在状态是2的时候就进行页面跳转，无所谓响应；发送图片，携带数据，浏览器对图片都会加载，这就需要服务器配合了...上面都是延迟页面卸载，牺牲体验保证准确性，另一种是把数据传递到下一个页面，然后在下一个页面调用接口统计，比如地址携带、本地存储、浏览器提供的API等都能把数据传递到下一个页面。...其中一种是通过在卸载事件处理器中创建一个图片元素并设置它的 src 属性的方法来延迟卸载以保证数据的发送。因为绝大多数用户代理会延迟卸载以保证图片的载入，所以数据可以在卸载事件中发送。...另一种技术是通过创建一个几秒钟的 no-op 循环来延迟卸载并向服务器发送数据。这些技术不仅编码模式不好，其中的一些甚至并不可靠而且会导致非常差的页面载入性能。...此外，代码实际上还要比其他技术简单许多！

2.2K1 0

zepto 基础知识(6)

);请求出错时调用。...7.ajaxStop (global)：如果这是最后一个活跃着的Ajax请求，将会被触发。　　　　默认情况下，Ajax事件在document对象上触发。...然而，如果请求的 context 是一个DOM节点，该事件会在此节点上触发然后再DOM中冒泡。唯一的例外是 ajaxStart & ajaxStop这两个全局事件。　　　　...105.$.ajaxSettings 　　　　一个包含Ajax请求的默认设置的对象。大部分的设置在 $.ajax中已经描述。...如果shallo设置为true.嵌套对象不会被序列化，嵌套数组的值不会使用括号在他们的key上。

2K10 0

vue 监听input停止输入后发送请求

我们要实现用户停止输入才去请求AJAX的一个功能 ---- 在网上看了很多文章, 觉得写得都不是特别好基本上都是用库loadsh, 不讲原理思路, 只贴如何用工具实现代码看到一个写得非常好的思路,我照着这个思路实现了下这个功能...利用定时器，让函数执行延迟500毫秒，在500毫秒内如果有函数又被调用则删除上一次调用，这次调用500毫秒后执行，如此往复。...newVal){ if(this.lastTime == 0){ this.lastTime = setTimeout(()=>{ // AJAX...(newVal) },2000) } } watch先监听一下input的值我们第一次输入, watch的函数开始调用, this.lastTime初始值我设置为0...=> 因为this.lastTime不等于0了, 开始进入else语句 else语句清除上一次的延迟函数, 再新建一个延迟函数

3.9K3 0

AJAX常见面试问题

JSON对象直接循环使用 JSON串转JSON使用 String直接使用 20.哪些地方需要ajax，哪些地方不需要，ajax的优点是什么，缺点是什么？...Ajax的逻辑可以对客户端的安全扫描技术隐藏起来，允许黑客从远端服务器上建立新的攻击。...callback= 函数名后台会获取callback的值，连接上() 把数据放入() 中，返回页面，相当于调用函数function名(data) 三：后台直接开启同源策略的访问限制，设置响应头信息...延迟加载（defer）属性规定是否对脚本执行进行延迟，直到页面加载为止。 25.如果对一个js对象进行深度拷贝？...对功能进行封装，使用者直接调用，或对样式进行预设置，使用者直接起名字 43.如何实现跨域？具体怎么实现？

3K2 0

JavaScript Async (异步)

# 事件循环 JavaScript 的宿主环境提供了一种机制来处理程序中多个块的执行，且执行每块时调用 JavaScript 引擎，这种机制被称为事件循环。...response); 这里的并发“进程”是这两个用来处理 Ajax 响应的 response() 调用。...('/foo', response); ajax('/bar', response); 这里使用 setTimeout(fn, 0) （hack）进行异步调度，基本上它的意思就是“把这个函数插入到当前事件循环队列的结尾处...# 信任问题 // A ajax('/foo', function (data) { // C }); // B // C 会延迟到将来发生，可能是在第三方的控制下。...可以通过设置超时来取消事件，来应对完全不调用这个信任问题。

8313 0

JavaScript面试题补充(6---10)

问题7: 闭包（Closures）修复上题的问题，使得点击第一个按钮时输出0，点击第二个按钮时输出1，依此类推。答案有多种办法可以解决这个问题，下面主要使用两种方法解决这个问题。...在此示例中，控制台将显示以下内容： object object object undefined 最令人惊讶的输出结果可能是第三个。大多数开发人员认为typeof []会返回Array。...浏览器有一个事件循环用于检查事件队列，处理延迟的事件。UI事件（例如，点击，滚动等），Ajax回调，以及提供给setTimeout()和setInterval()的回调都会依次被事件循环处理。...因此，当调用setTimeout()函数时，即使延迟的时间被设置为0，提供的回调也会被排队。回调会呆在队列中，直到指定的时间用完后，引擎开始执行动作（如果它在当前不执行其他的动作）。...因此，即使setTimeout()回调被延迟0毫秒，它仍然会被排队，并且直到函数中其他非延迟的语句被执行完了之后，才会执行。

9893 0

【Go 语言社区】Web 通信之长连接、长轮询（long polling）--转

实例：Gmail聊天 Flash Socket：在页面中内嵌入一个使用了Socket类的 Flash 程序JavaScript通过调用此Flash程序提供的Socket接口与服务器端的Socket接口进行通信...通常的做法是，在服务器的程序中加入一个死循环，在循环中监测数据的变动。...服务器程序对轮询的可控性由于轮询是用死循环的方式实现的，所以在算法上要保证程序对何时退出循环有完全的控制能力，避免进入死循环而耗尽服务器资源。 2....网络因素的影响在实际应用时，从服务器做出应答，到下一次循环的建立，是有时间延迟的，延迟时间的长短受网络传输等多种因素影响，在这段时间内，长连接处于暂时断开的空档，如果恰好有数据在这段时间内发生变动，...服务器是无法立即进行推送的，所以，在算法设计上要注意解决由于延迟可能造成的数据丢失问题。

4.9K3 0

深入理解JS异步编程（一）

而我们常用的setTimeout函数，其本质上也就是向这个任务队列添加回调函数，JavaScript引擎一直等待着任务队列中任务的到来.由于单线程关系,这些任务得进行排队,一个接着一个被引擎处理....异步函数类型异步IO 首先来看看很典型的一个例子 ajax var ajax = new XMLHttpRequest; ajax.open("GET",url); ajax.send(null)...process.nextTick(callback) 功能：在事件循环的下一次循环中调用 callback 回调函数。...基于node.js的事件循环分析，每一次循环就是一次tick，每一次tick时，v8引擎从事件队列中取出所有事件依次进行处理，如果遇到nextTick事件，则将其加入到事件队尾，等待下一次tick到来时执行...；造成的结果是，nextTick事件被延迟执行； nextTick的确是把某任务放在队列的最后（array.push)。

1.5K5 0

JavaScript 异步编程

是单线程的，但异步在 js 中很常见，那么简单来介绍一下异步编程同步编程和异步编程同步编程，计算机一行一行按顺序依次执行代码，当前代码任务执行时会阻塞后续代码的执行；典型的请求-响应模型就是这样，当请求调用一个函数或方法后...使得在宏观上具有多个进程同时执行的效果，但在微观上只是把时间分成若干段，使多个进程快速交替地执行；如下图： [7557373da64ffd6d1effaac.jpg] 异步机制由上面并发的解释，可以知道单线程可以实现类似多线程机制的这种执行方式...；那么 JavaScript 单线程的异步编程可以实现多任务==并发执行== 重点实现 js 异步的方式，就是==事件循环==，之前写过关于事件循环的例子，可看：JavaScript 事件循环、异步和同步...这样就能实现异步方式 js 的异步方式 setTimeout ajax Promise Generator setTimeout 即使将时间设置为 0，也会延迟执行，即异步执行。...}, 0) ajax let xhr = new XMLHttpRequest() xhr.onreadystatechange = function() { if ((xhr.status >=

8433 0

精读《高性能 javascript》

for，while，do-while 循环的性能特性相似，谁也不比谁更快或更慢。除非你要迭代遍历一个属性未知的对象，否则不要使用 for-in 循环。...改善循环性能的最好办法是减少每次迭代中的运算量，并减少循环迭代次数。一般来说，switch 总是比 if-else 更快，但并不总是最好的解决方法。...学会何时使用一个健壮的 Ajax 库，何时编写自己的底层 Ajax 代码。...使用性能分析器找出脚本运行时速度慢的部分，检查每个函数所花费的时间，以及函数被调用的次数，通过调用栈自身提供的一些线索来找出哪些地方应当努力优化。...在开始优化工作之前使用它们，确保开发时间用在解决问题的刀刃上。 ?

1.8K2 0

JavaScript是如何工作的:事件循环和异步编程的崛起+ 5种使用 asyncawait 更好地编码方式！

注意:实际上可以设置同步Ajax请求，但永远不要那样做。如果设置同步Ajax请求，应用程序的界面将被阻塞——用户将无法单击、输入数据、导航或滚动。这将阻止任何用户交互，这是一种可怕的做法。...16. cb1 从调用堆栈中移除 ? 快速回顾： ? 值得注意的是，ES6指定了事件循环应该如何工作，这意味着在技术上它属于JS引擎的职责范围，不再仅仅扮演宿主环境的角色。...setTimeout(…) 是怎么工作的需要注意的是，setTimeout(…)不会自动将回调放到事件循环队列中。它设置了一个计时器。...理论上，任务“循环”(不断添加其他任务的任等等)可以无限运行，从而使程序无法获得转移到下一个事件循环标记的必要资源。...可链接调用 Promise 真的很有用：创建一个延迟2000ms内完成的 Promise ，然后我们从第一个then（...）回调中返回，这会导致第二个then（...）等待 2000ms。

4.1K2 0

JavaScript 开发者需要了解的15个 DevTools 技巧

Network 选项卡提供了一个限制选项，这个选项可以人为地降低 HTTP 上传速度，下载速度和延迟。这可以帮助你确定性能瓶颈的原因： ? 7....它会在执行到这一行的时候暂停脚本，这样你可以单步执行代码来检查变量，调用堆栈等。断点有的时候并不好用，例如，如果在运行 1000 次的循环的最后一次循环报错了。...停止无限循环触发无限循环是程序里很常见的 bug，它可能导致浏览器崩溃。要在 Chrome DevTools 中停止无限循环，可以打开 Sources 面板，然后单击调试暂停图标以停止脚本。...重新运行 Ajax 请求浏览器 JavaScript Ajax 调用通常使用 Fetch 或 XMLHttpRequest API 发送请求。...DevTools 显示了很多信息，但是有时你需要重新运行一次 Ajax 调用。你可以右键单击任何一个请求，然后从 Copy 子菜单中选择一个选项： ?

7K2 0

JavaScript设置定时器、取消定时器及执行机制解析

，以此循环。...下面来介绍几个常用的 JavaScript 定时器： setTimeout() 设置一个定时器，在定时器到期后执行一次函数或代码段：setTimeout(fn, x) 表示延迟 x 毫秒之后执行 fn..., ...]); var intervalId = window.setInterval(code, delay); intervalId 重复操作的ID func 延迟调用的函数 code 代码段 delay...事实上，setInterval 并不管上一次 fn 的执行结果，而是每隔 100ms 就将 fn 放入主线程队列，而两次 fn 之间具体间隔多久就不一定了，跟 setTimeout 实际延迟时间类似，和...myVar = setInterval(func, 200); // 设置一个定时器 clearInterval(myVar); // 取消这个定时器 myVar 调用 setInterval() 函数时所获得的返回值

5.5K1 0

Web 通信之长连接、长轮询（long polling）

实例：Gmail聊天 Flash Socket：在页面中内嵌入一个使用了Socket类的 Flash 程序JavaScript通过调用此Flash程序提供的Socket接口与服务器端的Socket...通常的做法是，在服务器的程序中加入一个死循环，在循环中监测数据的变动。...服务器程序对轮询的可控性由于轮询是用死循环的方式实现的，所以在算法上要保证程序对何时退出循环有完全的控制能力，避免进入死循环而耗尽服务器资源。 2....网络因素的影响在实际应用时，从服务器做出应答，到下一次循环的建立，是有时间延迟的，延迟时间的长短受网络传输等多种因素影响，在这段时间内，长连接处于暂时断开的空档，如果恰好有数据在这段时间内发生变动...，服务器是无法立即进行推送的，所以，在算法设计上要注意解决由于延迟可能造成的数据丢失问题。

3K3 0

jQuery学习笔记

| |error() |触发、或将函数绑定到指定元素的 error 事件 | |event.isDefaultPrevented() |返回 event 对象上是否调用了 event.preventDefault...-- speed:规定了淡入淡出的延迟时间可取(slow/fast/毫秒数;即：缓慢的、快速的、延迟的) callback:完成执行后调用的函数名称 --> fadeOut():淡出可见的元素...-- speed:规定了淡入淡出的延迟时间可取(slow/fast/毫秒数;即：缓慢的、快速的、延迟的) callback:完成执行后调用的函数名称 --> fadeToggle()：淡入/出...-- speed:规定了淡入淡出的延迟时间可取(slow/fast/毫秒数;即：缓慢的、快速的、延迟的) callback:完成执行后调用的函数名称 --> fadeTo()：允许渐变为给定的不透明度...-- speed:规定了淡入淡出的延迟时间可取(slow/fast/毫秒数;即：缓慢的、快速的、延迟的) opacity:设置给定的不透明度（0~1） callback:完成执行后调用的函数名称

8.8K3 0

前端-日常笔记（个人使用）

（3）beforeMount()数据有，虚拟DOM有，真实DOM没有（4）mounted() 常用数据有，虚拟DOM有，真实DOM有应用：发送ajax请求，请求后端数据。...（6） updated()在由于数据更改导致的虚拟DOM重新渲染和打补丁之后调用。调用时，组件DOM已经更新，所以可以执行依赖于DOM的操作。...然而在大多数情况下，应该避免在此期间更改状态，因为这可能会导致更新无限循环。该钩子在服务器端渲染期间不被调用。在工作中，这个钩子函数我没怎么运用过。...（9） beforeDestroy销毁前状态（10）destroyed执行destroy()后，不会改变已生成的DOM节点，但后续就不再受vue控制了应用：清除定时器、延迟器、取消ajax请求等postion...具体解释如下：transition: 这是一个简写属性，用于设置一个或多个过渡效果。opacity: 指定要过渡的属性，这里是透明度。0.3s: 过渡效果的持续时间，这里是 0.3 秒。

5580 0

jQuery 教程

事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。实例：在元素上移动鼠标。...() 返回指定的 event 对象上是否调用了 event.stopImmediatePropagation() event.isPropagationStopped() 返回指定的 event 对象上是否调用了...() 当Deferred（延迟）对象被受理时，调用添加的处理程序 deferred.fail() 当Deferred（延迟）对象被拒绝时，调用添加的处理程序 deferred.isRejected()...() 拒绝 Deferred（延迟）对象，并根据给定的 context 和 args 参数调用任何 failCallbacks 回调函数 deferred.resolve() 解决Deferred（延迟...jQuery attr() – 设置属性值并使用回调函数设置属性值 + 并使用回调函数调用attr().

21K2 0

50道JavaScript基础面试题（附答案）

创建Ajax的过程： 1) 创建XMLHttpRequest对象（异步调用对象） var xhr = new XMLHttpRequest(); 2) 创建新的Http请求（方法、URL、是否异步） xhr.open...4) 发送http请求 xhr.send(data); 5) 获取异步调用返回的数据注意： 1) 页面初次加载时，尽量在web服务器一次性输出所有相关的数据，只在页面加载完成之后，用户进行操作时采用ajax...2) 同步ajax在IE上会产生页面假死的问题。所以建议采用异步ajax。 3) 尽量减少ajax请求次数 4) ajax安全问题，对于敏感数据在服务器端处理，避免在客户端处理过滤。...实际上，document对象是window对象的一个属性。 13 null，undefined的区别？ null表示一个对象被定义了，但存放了空指针，转换为数值时为0。...该算法有个限制：无法处理循环引用。两个对象被创建，并互相引用，形成了一个循环。它们被调用之后不会离开函数作用域，所以它们已经没有用了，可以被回收了。

14.4K0 1

点击加载更多

耗时很长的服务器端事件中让客户端得到中间过程信息的合理解决方案

前端开发面试题答案(四)

Navigator.sendBeacon实现页面埋点统计

zepto 基础知识(6)

vue 监听input停止输入后发送请求

AJAX常见面试问题

JavaScript Async (异步)

JavaScript面试题补充(6---10)

【Go 语言社区】Web 通信之长连接、长轮询（long polling）--转

深入理解JS异步编程（一）

JavaScript 异步编程

精读《高性能 javascript》

JavaScript是如何工作的:事件循环和异步编程的崛起+ 5种使用 asyncawait 更好地编码方式！

JavaScript 开发者需要了解的15个 DevTools 技巧

JavaScript设置定时器、取消定时器及执行机制解析

Web 通信之长连接、长轮询（long polling）

jQuery学习笔记

前端-日常笔记（个人使用）

jQuery 教程

50道JavaScript基础面试题（附答案）

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐