window.onbeforeunload() 事件调用ajax

【window.onbeforeunload() 事件调用ajax】的更多相关文章

window.onbeforeunload() 事件调用ajax

经常有这样的需求,就是在离开某个web页面时,用户不一定点注销,这样会导致会话不能及时销毁.为实现用户离开页面时,自动注销功能,需要在web页面的onbeforeunload事件处理函数中发送注销命令.这个地方大多用Ajax实现.有时还涉及到跨域访问的问题.这个地方就存在浏览器的兼容性问题. 浏览器在处理这个需求时的不兼容性有如下两点: 1.处理Ajax时的不兼容性,这里使用jQuery来解决. 2.在发送Ajax请求时的不兼容性主要代码如下: function logout() { var…

如何在点击 a 标签的 onclick 时间时，不触发 window.onbeforeunload 事件

如题! 直接贴代码了: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></titl…

转载：解决IE下a标签会触发window.onbeforeunload的问题

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <script type="text/javascript"> window…

浏览器关闭或刷新事件--window.onbeforeunload

window.onunload=function(){ //不可以阻止浏览器的刷新或者关闭 return false; } window.onbeforeunload=function(){ //可以阻止浏览器的刷新或者关闭 return false; } window.onclose貌似不会触发浏览器关闭事件... 参考: http://blog.sina.com.cn/s/blog_995c1f630101a9el.html http://www.dslreports.com/forum/r…

jQuery调用AJAX异步详解[转]

AJAX 全称 Asynchronous JavaScript and XML(异步的 JavaScript 和 XML).它并非一种新的技术,而是以下几种原有技术的结合体. 1) 使用CSS和XHTML来表示. 2) 使用DOM模型来交互和动态显示. 3) 使用XMLHttpRequest来和服务器进行异步通信. 4) 使用javascript来绑定和调用. 通过AJAX异步技术,可以在客户端脚本与web服务器交互数据的过程中使用XMLHttpRequest对象来完成HTTP请…

各浏览器对 onbeforeunload 事件的支持与触发条件实现有差异

转载:http://www.w3help.org/zh-cn/causes/BX2047 标准参考无. 问题描述一般情况下,onbeforeunload 事件处理函数内会写入一些提示性语句,当用户的浏览器跳转到其他页面时,用来提醒用户当前页面将要跳转,请用户决定是否观看新页面.或者在 onbeforeunload 事件内处理一些业务逻辑,在浏览器跳转到新页面之前 ,执行一些业务逻辑,如保存用户浏览信息等. 简单的说这个事件应仅在页面 URL 发生变化时触发,但是在 IE 中使用 JavaS…

JS之onunload、onbeforeunload事件详解

简介 onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过 window.onunload来调用.区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行. onbeforeunload 是正要去服务器读取新的页面时调用,此时还没开始读取:而onunload则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调用. onunload事件 onunload 事件在用户退出页面时发生. on…

160503、onunload、onbeforeunload事件详解

最近项目中做到一个功能:在上传页面用户开始上传文件之后用户点击任意跳转都需要弹出提示层进行二次确定才允许他进行跳转,这样做的目的是为了防止用户的错误操作导致这珍贵的UGC 流失(通常用户在一次上传不成功之后,很容易就会打消了上传的念头的了,或去到其他平台进行上传). 在这里用到的是 onbeforeunload 事件.下面就梳理下 onunload.onbeforeunload 这两个事件,也顺带说说我遇到的问题与解决方案. onunload,onbeforeunload都是在刷新或关闭时调用,…

onunload、onbeforeunload事件详解--zhuan

最近项目中做到一个功能:在上传页面用户开始上传文件之后用户点击任意跳转都需要弹出提示层进行二次确定才允许他进行跳转,这样做的目的是为了防止用户的错误操作导致这珍贵的UGC 流失(通常用户在一次上传不成功之后,很容易就会打消了上传的念头的了,或去到其他平台进行上传). 在这里用到的是 onbeforeunload 事件.下面就梳理下 onunload.onbeforeunload 这两个事件,也顺带说说我遇到的问题与解决方案. onunload,onbeforeunload都是在刷新或关闭时调用,…

封装、调用ajax

1.JavaScript代码 //封装ajaxfunction ajax(obj) { var xhr = new createXHR(); obj.url = obj.url + '?rand=' + Math.random(); obj.data = params(obj.data); if (obj.method === 'get') { obj.url = obj.url.indexOf('?') == -1 ? obj.url + '?' + obj.data : obj.url +…

window.history.pushState与ajax实现无刷新更新页面url

ajax能无刷新更新数据,但是不能更新url HTML5的新API: window.history.pushState, window.history.replaceState 用户操作history,点击前进后退按钮会触发popstate事件. 这些方法可以协同window.onpopstate事件一起工作. 改变url的demo 本页是foo.html,url改变成bar.html,内容却不变 <!DOCTYPE html> <html> <head> <me…

基于window.onerror事件建立前端错误日志

QA不是万能的,用户的浏览环境非常复杂,很多情况无法靠测试用例去覆盖,所以最好建立一个前端错误日志,在真实用户端收集bug. try&catch是一个捕获前端错误的常见方法,比如: { //给所有脚本设置一个统一入口,比如设置一个init函数 init(); }catch(e){ //处理错误,将错误信息上报给服务器 } 像上面这样,所有脚本统一用init作为入口,一旦发生错误就会被try捕获,然后交给catch去处理. 这种做法虽然能够收集错误信息,但弊端是必须统一一个脚本入口,并且把入口放在…

JQuery 在$(window).load() 事件中不运行 $(window).resize()

本文转载至: http://stackoverflow.com/questions/2597152/jquery-window-resize-doesnt-work-on-load 原文标题 :JQuery: $(window).resize() doesn't work on Load JQuery 在$(window).load() 事件中不运行 $(window).resize() 解决办法总结下主要有这几种: 方法一:建立一个函数把你要Resize 的动作写上然后在 l…

Iframe父子窗口之间的跨域事件调用和传值

实现方案1:location.hash传值父页面:parent.html(所在域:www.parent.com) 子页面:child.html(所在域:www.child.com) 要实现父子页面双向的事件调用和传值,需要多加一个代理页面,主要用于子页面调用父页面的方法代理页面:proxy.html(所在域:www.parent.com)必须与父页面在同域下父页面调用子页面方法(即事件通过父页面发起,在子页面中执行): 父页面中直接设置iframe的src中的hash值 parent.ht…

onbeforeunload事件两种写法及效果

在符合W3C标准的浏览器里,可以使用addEventListener方法来添加事件. 当不需要为一个事件添加多个处理函数的时候,可以简单的使用onXXX=function(){}的方式来添加事件处理函数,但是当需要为同一事件添加多次处理函数(handler)时,就要用到addEventListener 一般也碰不到什么问题,然而今天在使用onbeforeunload的时候发现,两种方式有一点点区别,区别在于返回值的处理. 直接用 window.onbeforeunload=function(){…

js调用ajax案例

js调用ajax案例测试地址:http://www.w3school.com.cn/tiy/t.asp?f=ajax_get 嵌入下面代码,点击提交,再点击请求数据.就可以看到结果了. <html> <head> <script type="text/javascript"> function loadXMLDoc() { var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Fi…

onbeforeunload事件

window.onbeforeunload=function(){ return "您正在编辑的博客尚未保存,确定要离开此页吗?"; }; 1.这个事件存在的意义就是防止用户不小心关闭浏览器而丢失正在编辑的内容,所以它的工作就是弹出一个关闭页面的警告. 使用这个事件不需要自己用confirm来自己发起一次询问,只要在返回值中写入询问对话框的字符即可. 2.beforeunload 指在页面卸载前提供的最后一次JS执行的机会,可以使用返回值文字提示用户,但Firefox却不显示该文字.…

window.onresize事件在vue项目中的应用

//vue页面<template> <div id='echart'> 报表 </div> </template> <script> export default { data() { return { }; }, methods: { pageResize(){ this.$nextTick(()=>{ var echart = document.getElementById('echart'); echart.style.height…

onunload与onbeforeunload事件解析标签：浏览器 2017-04-10 09:46 45人阅读评论(0)

注:只测试了chrome和IE浏览器的表现情况 onunload事件 //JS Document window.onunload = onunload_message; function onunload_message(){ alert("onunload successfully"); } 题外话:在js中,如果没有参数的函数调用的时候可以不用加括号的上面的例子执行时会在页面关闭后或页面刷新前弹出提示框,并且经过测试,chrome,opera浏览器完全不支持此事件(Due to…

JS事件鼠标单击事件( onclick ）通常与按钮一起使用。onclick是鼠标单击事件，当在网页上单击鼠标时，就会发生该事件。同时onclick事件调用的程序块就会被执行

鼠标单击事件( onclick ) onclick是鼠标单击事件,当在网页上单击鼠标时,就会发生该事件.同时onclick事件调用的程序块就会被执行,通常与按钮一起使用. 比如,我们单击按钮时,触发 onclick 事件,并调用两个数和的函数add2().代码如下: <html> <head> <script type="text/javascript"> function add2(){ var numa,numb,sum; num…

学习框架/对象onbeforeunload事件

1.有没有发现在一些表单提交页面,当我们点击页面某个链接要离开表单提交页面时会弹出一个提示信息,如下: 那么,这是提示是怎么产生的呢?代码如下: window.onbeforeunload=function(){ return false; } 只要在JavaScript中加入这个代码,就会产生上图的提示了! 附上菜鸟教程详细说明链接:onbeforeunload事件…

React 函数组件中对window添加事件监听resize导致回调不能获得Hooks最新状态的问题解决思路

React 函数组件中对window添加事件监听resize导致回调不能获得Hooks最新状态的问题解决思路这几天在忙着把自己做的项目中的类组件转化为功能相同的函数组件,首先先贴一份该组件类组件的关键代码: import React, {Component} from "react" // 防抖组件 import { debounce } from 'throttle-debounce'; // 引入connect用于连接UI组件与redux import {connect} fro…

进程内部异步事件调用组件Async-Event

项目坐标:https://github.com/cncduLee/async-event async-event 进程内部异步事件调用组件解决什么问题: 加速服务处理效率.提供进程级别的事件发布和异步处理能力. 服务解耦.观察者和发布者之间互不干涉,解耦关系. 事件驱动.提供一对多的对象关系. 最终一致性.低延时,最终一致. 总体设计: Usage: //实例化事件总线,使用内存队列 final EventBus eventBus = new EventBus(new MemoryChanne…

springMVC含文件上传调用ajax无法连接后台

springMVC在使用ajax进行后台传值的时候发现找不到对应的requestMapping(""),无法进入后台,在多次试验后确定是 MultipartFile对象与ajax冲突:并且不报任何异常,直接调用ajax的失败属性方法处理:代码如下: ·1 @RequestMapping("/addimage") public String addimage(@RequestParam("image")MultipartFile file,Http…

Qt界面对象的事件调用

QMetaObject::invokeMethod(m_mainToolBarItem, "change2DesktopMode", Q_ARG(QVariant, m_curMode)); QT事件调用,原型: bool QMetaObject::invokeMethod(QObject *obj, //应用类对象 const char *member, //执行函数名 Qt::ConnectionType type, //类型 QGenericReturnArgument ret,…

浏览器 onbeforeunload 事件兼容写法

window.onbeforeunload = onbeforeunload_handler; function onbeforeunload_handler() { var warning = "确定要离开么?"; return warning; }…

window.onbeforeunload 如果取消，那么javascript变量会保存

function confirmQuit1() { if (ischanged) return 'it is changed !! '; else return 'no change .. '; } function why() { alert(ischanged ? "1" : "0"); } window.onbeforeunload = confirmQuit1; 1. 如果弹出窗口点击取消,那么ischanged值不会变化. 2. Firefox出于安全原因…

Xamarin开发笔记—WebView双项事件调用

1.Xamarin调用WebView: 原理:Xamarin.Forms WebView内置方法xx.Eval(..)可以调用到页面里面的js函数. WebView展示的代码如下: var htmlSource = new HtmlWebViewSource(); htmlSource.Html = @"<html> <head> <meta charset='UTF-8'> <title></title> <script>…

mysql事件调用存储过程总结

第一次写事件调用存储过程,在网上找了一些资料,特此做下总结,巩固一下: 事件调用存储过程主要有三种: (1)创建事件马上执行,调用存储过程 CREATE EVENT if not exists Event_Stat_Daily on schedule EVERY 1 DAY on completion preserve do call cp_Stat_VideoData(); (2)每天定时执行事件,调用存储过程 CREATE EVENT Even…

jquery load()函数和window.onload事件

我想用jquery load()一个饼状图页面, 但是load不出来代码如下: 后来百度了一下,解决办法如下: window.onload事件只有在文档载入的时候才会执行的,你载入子页面不会触发这个事件. 通过load将页面加载到某个标签中,在很多浏览器中根本不会触发onload事件,即使可以触发的浏览器如火狐,也有很大概率不会执行,需要F5刷新之后才会执行.建议更换加载方式,可以使用iframe或者直接页面跳转. 代码修改后: 饼状图就load出来了…