onbeforeunload事件之后的AJAX调用不起作用，仅在刷新页面时才起作用 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

onbeforeunload事件被a链接触发的问题

onbeforeunload本身并非W3C DOM-Event标准事件，只不过在很多时候国内的流氓做法就是离开页面，直接弹出收藏本网页的提示（虽然我很讨厌这种做法，但事实上很多公司一直都在这样默默地强奸用户...…）言归正传，我遇到的问题是，自己的游戏上了新浪微游戏，在新浪微游戏的顶部有它们的导航，但是点击里面一些按钮时就会触发游戏里面的window.onbeforeunload事件… 搜索了一下，找到这篇文章...：BX2047: 各浏览器对 onbeforeunload 事件的支持与触发条件实现有差异根据 MSDN 中描述，IE 的 onbeforeunload 事件可由以下这些条件触发：关闭当前浏览器窗口...导航到另一个进入一个新的地址或选择一个喜欢的位置。单击后退，前进，刷新，或主页按钮。点击一个链接到新页面。调用超链接的 click 方法。...事件，在点击链接test2、test3时会触发iframe内的window.onbeforeunload事件，test1、test4则不会，尽管页面与iframe并非同一域。

2.5K2 0

JS魔法堂:定义页面的Dispose方法——unload事件启示录

在浏览器地址栏输入地址，然后点击跳转；点击页面的链接实现跳转；关闭或刷新当前页面; 操作当前页面的Location对象,修改当前页面地址; 调用window.navigate实现跳转; 调用window.open...对于我的需求就是在页面的Dispose方法中调用登出API，经过和实施同事的沟通——只要刷新页面就触发登出。...但请记住一点：由于[before]unload事件会降低页面性能，因此仅由于需要做重要的善后或不可逆的清理工作时才监听这两个事件。 ...另外load仅在页面初始化后才会触发，因此从bfcache中恢复页面时并不会触发。 ...另外通过jQuery.ready来监听页面初始化事件时，不用考虑bfcache的影响，因为它帮我们处理好了:) 总结若有纰漏望请指正，谢谢！

2.9K9 0

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

是的

没有找到

一天梳理React面试高频知识点

React-intl提供了两种使用方法，一种是引用React组件，另一种是直接调取API，官方更加推荐在React项目中使用前者，只有在无法使用React组件的地方，才应该调用框架提供的API。...通过this.props.location.state或this.props.location.query来获取即可，传递的参数可以是对象、数组等，但是存在缺点就是只要刷新页面，参数就会丢失。...因此在这些阶段发岀Ajax请求显然不是最好的选择。在组件尚未挂载之前，Ajax请求将无法执行完毕，如果此时发出请求，将意味着在组件挂载之前更新状态（如执行 setState），这通常是不起作用的。...在 Reducer文件里，对于返回的结果，必须要使用 Object.assign ( )来复制一份新的 state，否则页面不会跟着数据刷新。...如果我们将AJAX 请求放置在生命周期的其他函数中，我们并不能保证请求仅在组件挂载完毕后才会要求响应。

3.7K2 0

从零开始学 Web 之 BOM（一）BOM的概念，一些BOM对象

2、BOM 顶级对象 BOM 的顶级对象是：window window 是浏览器的顶级对象，当调用 window 下的属性和方法时，可以省略 window。...4、页面加载对象提出问题：我们知道，如果将 script 标签放在 head 里面的话，页面加载的时候是先加载的 script 标签，之后才加载 body 里面的标签。...2、window.onload 事件会在页面加载完毕（页面中所有内容、标签、属性以及外部引入的 js文件）时触发。 3、window.onload 可以省略 window。...window.onunload = function () { alert("yes"); } onunload：页面关闭后才触发的事件 window.onbeforeunload =...function () { alert("yes"); } onbeforeunload：在页面关闭之前触发的事件 5、location 对象（地址栏）学习一个对象主要是学习它里面的属性和方法

9573 0

vue监听页面刷新事件_vue监听数据变化自动刷新

onload、onunload、onbeforeunload的执行问题：页面加载时只执行onload 页面关闭时，先onbeforeunload事件，再onunload...页面刷新时先执行onbeforeunload，然后onunload，最后onload。注意：这种执行顺序是有浏览器的兼容问题的，请注意各种浏览器的区别。...onbeforeunload() 和onunload() 两个事件的区别：相同点: 两者都是在对页面的关闭或刷新事件作个操作。...(因为，onbeforeunload()是在页面刷新之前触发的事件，而onubload()是在页面关闭之后才会触发的)。...= e => { //刷新时弹出提示 return '' }; }, 兼容性更好的写法： window.onbeforeunload = function (e) {

6.8K2 0

vue监听点击事件_vue reload

onload、onunload、onbeforeunload的执行问题：页面加载时只执行onload 页面关闭时，先onbeforeunload事件，再onunload...页面刷新时先执行onbeforeunload，然后onunload，最后onload。注意：这种执行顺序是有浏览器的兼容问题的，请注意各种浏览器的区别。...onbeforeunload() 和onunload() 两个事件的区别：相同点: 两者都是在对页面的关闭或刷新事件作个操作。...(因为，onbeforeunload()是在页面刷新之前触发的事件，而onubload()是在页面关闭之后才会触发的)。...= e => { //刷新时弹出提示 return '' }; }, 兼容性更好的写法： window.onbeforeunload = function (e) {

2K6 0

关于el-upload看这一篇就够了

通过 XMLHttpRequest 可以在不刷新页面的情况下请求特定 URL，获取数据。这允许网页在不影响用户操作的情况下，更新页面的局部内容。...必须在 open() 之后、send() 之前调用open()初始化一个请求abort()如果请求已被发出，则立刻中止请求send()发送请求。...为 fasle 不起作用 return this.disabled || (this.elForm || {}).disabled; }} 注意：form 表单元素普遍存在上述问题： this...() 时才触发，并非不触发。...【非自动上传】auto-upload=false如果存在其他【上传时附带的额外参数】后端校验问题，建议自定义上传 ajax（而非修改 file status = ready）

9.6K2 0

javascript如何监听页面刷新和页面关闭事件

在我们的日常生活中，时常遇到这么一种情况，当我们在点击一个链接、关闭页面、表单提交时等情况，会提示我们是否确认该操作等信息。...这里就给大家讲讲javascript的onbeforeunload()和onunload()两个事件。相同点: 两者都是在对页面的关闭或刷新事件作个操作。...(因为，unbeforeunload()是在页面刷新之前触发的事件，而onubload()是在页面关闭之后才会触发的)。 unbeforeunload（）事件可以禁止onunload()事件的触发。...浏览器的兼容 onunload: IE6，IE7，IE8 中刷新页面、关闭浏览器之后、页面跳转之后都会执行； IE9 刷新页面会执行，页面跳转、关闭浏览器不能执行； firefox(包括firefox3.6...) 关闭标签之后、页面跳转之后、刷新页面之后能执行，但关闭浏览器不能执行； Safari 刷新页面、页面跳转之后会执行，但关闭浏览器不能执行； Opera、Chrome 任何情况都不执行。

13.8K3 0

Springboot +WebSocket学习

大多数Web应用程序将通过频繁的异步AJAX请求实现长轮询。...总结:websocket主要是服务器主动向客户端推送消息，与客户端保持长连接，当然前提是客户端不刷新页面，否则无意义 webSocket协议本协议有两部分:握手和数据传输握手是基于http协议的来自客户端的握手看起来像如下的形式...main.html:页面加载完成后，发送请求获取当前登录的用户名 var username; $.ajax({ url:"getUserName", type...仓库，下载查看涉及到的知识点 window-onbeforeunload 的使用 window-onbeforeunload 的使用离开页面的判断：window.Onunload与window.onbeforeunload...的区别（IE下a标签触发问题） //监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。

1.6K1 0

ajax请求

ajax是无需刷新页面就能从服务器取得数据的方法。...timeout：超时时间 ontimeout：超时事件 load事件：onload 属性event，指向XHR对象实例 progress事件：onprogress 属性event，获取传输进度跨域：一个简单的使用...在发送请求时，需额外加一个origin头部，包含请求页面的源信息（协议、域名、端口）。如果服务器任务请求可以接收，在Access-Control-Allow-Origin头部中回发相同的源信息。...XDR对象（XDomainRequest）：调用open（），接收两个参数：请求类型和URL，再调用send(),只支持异步执行。只要响应有效就会触发load事件，如果失败，会触发error事件。...； 2）：要求每一次请求都要附带经过相应算法计算得到的验证码以下措施不起作用：1）发送POST而不是GET——容易改变；2）检查来源URL——来源记录容易伪造；3）基于cookie

2.4K3 0

Bootstrap Bootstrap表格插件bootstrap-table配置与应用小结

-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 --> 时，必须设置服务器数据地址（url）或者重写ajax方法。...这会导致自定义的 pageList不起作用 silentSort:true, // 设置为true将在点击分页按钮时，自动记住排序项。...仅在 sidePagination设置为 server时生效 showColumns:true, // 展示内容列下拉框，方便设置展示那些列 showRefresh:true, // 显示刷新按钮...$('#' + queryBtnID).click(function () { //刷新处理，指定query 的参数，注：此地方指定的参数，仅在当次刷新时使用 var dataArray = $('

14.5K2 0

js页面刷新或关闭时弹框消失_js刷新页面如何保留页面内容

onbeforeunload 事件属性定义：在即将离开当前页面(刷新或关闭)时执行 JavaScript，例如： window.onbeforeunload = function...; } Jetbrains全家桶1年46，售后保障稳定用法：onbeforeunload 事件在即将离开当前页面（刷新或关闭）时触发。...该事件可用于弹出对话框，提示用户是继续浏览页面还是离开当前页面。对话框默认的提示信息根据不同的浏览器有所不同，标准的信息类似 “确定要离开此页吗？”。该信息不能删除。...触发于：关闭浏览器窗口通过地址栏或收藏夹前往其他页面的时候点击返回，前进，刷新，主页其中一个的时候点击一个前往其他页面的url连接的时候调用以下任意一个事件的时候：click，document...当用window open打开一个页面，并把本页的window的名字传给要打开的页面的时候。重新赋予location.href的值的时候。

14.7K4 0

奇奇怪怪的兼容性Bug

都是刷新当前页面的方法,Vue 写H5页面时，用 this.router.go(0); 方法刷新当前页面，在苹果手机失效，安卓、pc、开发工具等都可以改用 *window.location.reload...可能是微信浏览器内对input的配置问题。最后发现可以不要 capture=”camera” 也能调用摄像头。...才是更好的，但是这个信息编辑页数据之间太复杂，接手项目再来梳理时间成本太高，考虑到已经有保存草稿这个功能，遂打算稍微改造这个接口用来做信息缓存，故需要考虑到网页刷新或标签页关闭时发个请求。...项目中使用Axios做数据请求，但Axios异步的，不支持同步的请求，请求会被cancel。与浏览器关闭事件相关事件有onunload和onbeforeunload两个。...区别在于onbeforeunload在onunload之前执行，它还可以阻止onunload的执行。因此我们着重关注onbeforeunload事件。

1.3K1 0

12 道腾讯前端面试真题及答案整理

但a标签的默认启动在HTTPS不起作用。这时要使用 meta里面http-equiv来强制启动功能。...如果直接做了js的重定向，或者在服务端做了重定向，没有在link里面手动设置，是不起作用的。...实现一个页面操作不会整页刷新的网站，并且能在浏览器前进、后退时正确响应。给出你的技术实现方案？...第一步，通过使用 pushState + ajax 实现浏览器无刷新前进后退，当一次 ajax 调用成功后我们将一条 state 记录加入到 history 对象中。...，在调用某个组件时再加载对应的js文件； root中插入loading 或者骨架屏 prerender-spa-plugin，提升用户体验；如果在webview中的页面，可以进行页面预加载独立打包异步组件公共

2.1K2 0

HTML事件属性--DOM

} 打印前和打印后的事件方法类似，一个是在打印前触发事件，一个是在打印这个事件结束之后触发onafterprint这个事件 demo查看 2.onbeforeunload/unload...离开页面之间触发的事件／之后触发的事件打开f12，然后刷新，或者关闭浏览器，可以在浏览器触发事件 window.onbeforeunload = function(){...和onoffline在网络断线或者连线时触发，可以控制电脑网络查看效果 9.onpagehide 当用户从网页离开时触发，也可以理解成当窗口隐藏时运行的脚本刷新页面可以触发事件 demo查看 10.onpageshow...打开一个新页面或者刷新的时候触发 demo查看相当于onload，加载页面时触发，但是在不同浏览器触发的有所不同第一次加载页面时，onpageshow在ie浏览器中不触发，其他情况都触发 11.onresize... function myfun() { alert('提交了') } demo查看注意：提交了之后会自动刷新页面，

5.3K2 0

12 道腾讯前端面试真题及答案整理，实用！

但a标签的默认启动在HTTPS不起作用。这时要使用 meta里面http-equiv来强制启动功能。...如果直接做了js的重定向，或者在服务端做了重定向，没有在link里面手动设置，是不起作用的。...实现一个页面操作不会整页刷新的网站，并且能在浏览器前进、后退时正确响应。给出你的技术实现方案？...第一步，通过使用 pushState + ajax 实现浏览器无刷新前进后退，当一次 ajax 调用成功后我们将一条 state 记录加入到 history 对象中。...，在调用某个组件时再加载对应的js文件； root中插入loading 或者骨架屏 prerender-spa-plugin，提升用户体验；如果在webview中的页面，可以进行页面预加载独立打包异步组件公共

2.5K2 0

鸿蒙Next应用桌面快捷操作shortcuts和Form卡片介绍

当我们长按桌面应用图标时，会弹出一个列表选项，除了系统自带的卸载之外，还有一些自定义的快捷功能，可以帮我们快速打开指定的页面。还有自定义卡片，可以添加到桌面，展示一些信息，也可以快速打开指定的页面。...实例已创建，再次调用startAbility()方法启动该UIAbility实例时，只会进入该UIAbility的onNewWant()回调，不会进入其onCreate()和onWindowStageCreate..."scheduledUpdateTime": "10:30", 定点刷新的时刻，采用24小时制，精确到分钟 "updateDuration": 1, 卡片定时刷新的更新周期，单位为..." ], "supportShapes":表示卡片的显示形状目前好像默认只支持方形，圆形不起作用 } ]}4.上面配置参数中....，当前支持router、message和call三种类型的事件，仅在卡片中可以调用。

4501 0

如何在使用了updatepanel后弹出提示信息

转载：http://www.cnblogs.com/brusehht/archive/2009/03/19/1416802.html 常情况下，我们在使用ajax利用updatepanel实现页面局部刷新时需要有提示信息...，而传统的方式是利用 Page.ClientScript.RegisterStartupScript来注册客户端脚本实现信息提示，但这种方式在ajax中不起作用，必须选择 System.Web.UI.ScriptManager.RegisterStartupScript

1.3K1 0

onbeforeunload事件_pageload事件何时触发

beforeunload事件简介当窗口，文档及其资源即将卸载时，将触发该事件。该文档仍然可见，此时事件仍可取消。...如果未提供任何值，则以静默方式处理事件。注意：为了防止不需要的弹出窗口，浏览器可能不会显示在beforeunload事件处理程序中创建的提示，除非页面已与之交互，甚至根本不显示它们。...PS：如果进入当前页面后没有用户没有与页面进行任何交互（比如鼠标在页面上点击），直接关掉或者刷新当前页面是没有弹窗提示。...一定要与页面进行交互之后，才能在页面卸载的时候弹出确认离开的对话框；没有进行页面交互，也是会触发beforeunload事件的，只是不会弹出确认离开的对话框。...关闭浏览器窗口通过地址栏或收藏夹前往其他页面的时候点击返回，前进，刷新，主页其中一个的时候点击一个前往其他页面的url连接的时候使用document.write() 方法（输出内容）使用document.open

4.2K2 0

复制标签页导致的Vue动态路由失效问题解决思路

开发环境这里主要说明一下相关的主要环境：Vue 2.7、Vue Router 3.6排查问题现在的动态路由逻辑下面是动态路由的逻辑是：1、监听浏览器的刷新事件，该事件会记录需要刷新动态路由的标识位。...代码如下所示：window.onbeforeunload = function () { // 刷新会触发这个事件 if(window.localStorage.getItem("resources...代码示例如下所示：window.onbeforeunload = function () { // 刷新会触发这个事件 console.log(1) if(window.localStorage.getItem...解决问题将原来监听刷新事件的方法和App.vue中created生命周期方法中设置刷新动态路由标识的代码全部删除。...总结本文主要是因为没有理解透彻浏览器中Vue项目的生命周期，导致自己设计的动态路由组件在复制标签页打开新页面时无法正常加载动态路由，导致页面白屏。

3703 1

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭