onbeforeunload事件中调用Ajax实现用户注销操作(兼容IE、Firefox、Chrome)
来源:互联网 发布:帝国cms图片二级域名 编辑:程序博客网 时间:2024/05/10 06:59
经常有这样的需求,就是在离开某个web页面时,用户不一定点注销,这样会导致会话不能及时销毁。为实现用户离开页面时,自动注销功能,需要在web页面的onbeforeunload事件处理函数中发送注销命令。这个地方大多用Ajax实现。有时还涉及到跨域访问的问题。这个地方就存在浏览器的兼容性问题。
浏览器在处理这个需求时的不兼容性有如下两点:
1、处理Ajax时的不兼容性,这里使用jQuery来解决。
2、在发送Ajax请求时的不兼容性
主要代码如下:
function logout() { var logoutURL = "xxxx"; //用于注销用户的url if (logoutURL == "") return; var userAgent = navigator.userAgent.toLowerCase(); if(userAgent.indexOf("msie")>-1) { //IE $.ajax({ url: logoutURL, crossDomain: true, async: false, dataType: "jsonp" }); }else { //FireFox Chrome $.ajax({ url: logoutURL, async: false }); } } window.onbeforeunload = function () { logout(); };
代码说明:
firefox在处理js时的安全级别较高,很多IE、Chrome中js可以使用的权限在Friefox中被限制,因此通过
if(userAgent.indexOf("msie")>-1) { //IE }else { //FireFox Chrome }
这段代码来判断当前浏览器类型。
针对Firefox、Chrome的兼容代码如下:
$.ajax({ url: logoutURL, async: false });async需要设为false,即为同步,不能采用true异步的方式,否则请求有可能发不出去。其实Chrome也适用于下面针对IE的代码,在关掉浏览器时会自动发送注销命令,但是点浏览器的刷新按钮时也希望能自动注销用户时,Chrome就只能采用上面这行代码才能发出注销请求
针对IE的兼容代码如下:
$.ajax({ url: logoutURL, crossDomain: true, async: false, dataType: "jsonp" });crossDomain设置为true是为了解决跨域访问问题,如果不存在这个问题,这个属性可以忽略。async属性最好也设成false,true也可以。dataType:"jsonp"这个属性也是为解决跨域访问问题,和crossDomain配合使用,不存在跨域问题,这两个属性可省略。
以上代码在IE9、Chrome27、Firefox21测试通过。
- onbeforeunload事件中调用Ajax实现用户注销操作(兼容IE、Firefox、Chrome)
- onbeforeunload事件中调用Ajax实现用户注销操作(兼容IE、Firefox、Chrome)
- onbeforeunload事件之fireFox、IE、chrome
- event 兼容调用(IE,Firefox,Chrome)
- js操作select 兼容ie、chrome、Firefox
- ajax实现 兼容ie,firefox等
- ajax实现 兼容ie,firefox等
- js鼠标滚轮事件详解(全兼容ie、chrome、firefox)实现图片缩放
- window.onbeforeunload() 事件调用ajax
- 鼠标滚轮事件(兼容IE、FireFox、Chrome等浏览器)
- Ajax类,支持事件,容器,多种操作方式,兼容ie,firefox
- Ajax类,支持事件,容器,多种操作方式,兼容ie,firefox
- 完美Ajax类,支持事件,支持容器,支持多种操作方式,兼容ie,firefox
- pasteHTML兼容ie,firefox,chrome
- FLASH兼容IE FireFox Chrome
- onunload和onbeforeunload调用AJAX来注销session!
- click事件 兼容 IE Firefox
- IE、Chrome兼容Enter事件
- javascript单元测试(转)
- JavaWeb-JavaMail
- 关于同步和异步
- Core Graphics之CGContext详解
- 图之图的深度优先遍历
- onbeforeunload事件中调用Ajax实现用户注销操作(兼容IE、Firefox、Chrome)
- 项目代码风格要求
- Android-android简介
- ${pageContext.request.contextPath }在jsp中取得绝对路径
- 朴素贝叶斯分类器 Naive Bayes Classifier
- 如何由程序员转为架构师
- 软件架构师必备的职责、技能和知识(DSK)
- Java SDK环境配置简要
- MDM之Goodness分析报告