`
waiting
  • 浏览: 235559 次
  • 性别: Icon_minigender_1
  • 来自: cq
社区版块
存档分类
最新评论

ajaxRelogin: Ajax请求时掉线的判断及提示用户重新登录处理 2010.11.14更新

阅读更多

项目中频繁使用jQuery.ajax来获取、刷新数据。问题在于如果用户登录超时或者重置了口令被强行踢出之后如果不刷新页面而是继续发起ajax请求(比如点击jqGrid的刷新按钮或者翻页按钮),那么jqGrid将显示空数据但用户并不能判断是0数据还是已经掉线而导致的空数据,甚至可能会导致用户频繁点击刷新按钮。

 

于是写了个js函数通过截获jQuery.ajax全局事件方式来判断重新登录标示, 调用  blockUI  来实现重登录界面及提示信息。

具体请查看readme.txt。

 

 

UPDATE:

2010.11.14  更新兼容性。如果使用 $.ajas()中自定义success函数里面有调用$.unblockUI()来清除blockUI模态消息情况时也能正常弹出登陆框而不是一并被隐藏

分享到:
评论
2 楼 lifushui 2011-08-27  
好东西啊支持
1 楼 waiting 2010-11-14  
更新:
fix 如果调用的非$.load()而是$.ajax()并且在success回调函数中使用了 $.unblockUI()来隐藏blockUI消息窗,那么ajaxRelogin弹出的重登录窗也会一并被隐藏。

相关推荐

    Ext.Ajax.request2.x实现同步请求

    同时,`Ext.Ajax`还支持全局配置,通过`Ext.Ajax.defaults`可以设置默认的请求配置,这在处理大量请求时非常有用。 总结来说,`Ext.Ajax.request`在EXTJS中是进行Ajax通信的关键工具,通过调整其配置参数,我们可以...

    Js拦截全局ajax请求

    在JavaScript开发中,有时我们需要对全局的Ajax请求进行拦截,以便进行统一的处理,比如添加统一的错误处理、数据格式化、性能监控等。这种需求通常可以通过“Ajax Hook”技术来实现。Ajax Hook允许我们捕获并修改...

    ajax跨域请求WebService.asmx

    【Ajax跨域请求WebService.asmx】是一个常见的Web开发技术应用场景,主要涉及到JavaScript的Ajax技术、C#编程语言以及ASP.NET的WebService组件。Ajax(Asynchronous JavaScript and XML)是一种在不刷新整个页面的...

    图书馆添加删除判断 ajax.get 请求 ajax.post响应 考试专用

    前端需要处理这些响应,更新用户界面或显示错误提示。 为了实现以上功能,我们需要熟练掌握JavaScript和ECMAScript,这是编写前端代码的基础。在"代码题2接口文档.md"中,可能详细列出了与图书管理相关的API接口,...

    服务器端判断Ajax请求

    ### 服务器端判断Ajax请求 在现代Web开发中,异步JavaScript与XML(Ajax)技术被广泛用于构建响应迅速、动态交互的应用程序。Ajax通过在后台与服务器进行数据交换,无需重新加载整个页面即可更新部分网页内容。因此...

    ajax请求后台接口数据与返回值处理js的实例讲解

    AJAX请求的异步性质意味着在请求服务器时,页面不会发生重新加载,用户可以继续与页面交互。这大大提升了用户体验,使得Web应用可以更加接近原生应用的操作流畅度。 知识点十:使用jQuery简化AJAX操作 jQuery对$....

    Ext.Ajax.request跨域

    标题"Ext.Ajax.request跨域"指出我们将探讨如何使用ExtJS库中的Ajax模块进行跨域请求。Ext.Ajax.request是ExtJS提供的一种发起Ajax请求的方式,它允许开发者向服务器发送异步HTTP请求。然而,由于浏览器的同源策略...

    Apress.Pro.Ajax.and.Java.Frameworks.Jul.2006.HAPPY.NEW.YEAR.rar

    Ajax(Asynchronous JavaScript and XML)是一种用于创建动态网页的技术,通过在后台与服务器交换数据并局部更新页面,从而提供更流畅的用户体验,而无需重新加载整个页面。本书结合了Ajax和Java框架,为开发者提供...

    ajax.dll源码

    【描述】"研究ajax.dll的核心"意味着我们要探索其内部机制,理解如何处理AJAX请求,如何与服务器进行通信,以及如何在不刷新整个页面的情况下更新内容。 以下是压缩包中各文件的主要职责: 1. **...

    AJAX 请求完成时执行函数。Ajax 事件。

    在AJAX请求中,事件处理是非常关键的一部分,它允许我们控制请求的生命周期,并在特定阶段执行相应的函数。本文将深入探讨"AJAX请求完成时执行的函数"以及相关的Ajax事件。 1. **AJAX请求过程** AJAX请求通常包括...

    ajax.dll和 ajaxpre.dll

    在IT行业中,Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。而提到的"ajax.dll"和"ajaxpre.dll"可能是某些软件或应用...

    ajax.dll以及说明文档和demo

    Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。在Web开发中,它极大地提升了用户体验,因为用户不再需要等待整个页面刷新来查看或交互新的内容。而`ajax....

    ajax4jsf.zip

    2. **Ajax事件处理**: 通过Ajax4JSF,开发者可以定义触发Ajax请求的用户事件,如按钮点击、表单提交等,并在后台处理这些事件后更新相应的视图。 3. **Ajax请求和响应**: 使用Ajax4JSF,开发者可以指定Ajax请求的...

    Ajax技术原理及在Web中的实现.pdf

    Ajax技术使浏览器可以为用户提供更为自然的浏览体验,在用户单击按钮时,使用JavaScript和DHTML立即更新UI,并向服务器发出异步请求,以执行更新或查询数据库。 Ajax的工作原理: 1. 创建XMLHttpRequest对象:使用...

    ajax跨域请求demo.zip

    在Web开发中,Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许在不刷新整个页面的情况下,与服务器交换数据并更新部分网页内容。这个"ajax跨域请求demo.zip"压缩包提供了一个关于如何实现...

    jquery插件:ajax和iframe加载提示效果

    在网页开发中,用户体验是至关重要的,尤其是在进行异步操作(如Ajax请求)或加载Iframe时,用户往往需要一个明确的反馈,告知他们系统正在进行后台处理。这个jQuery插件正是为了解决这个问题而设计的,它提供了一种...

    django ajax异步请求Django的Ajax库3813428.zip

    Ajax(Asynchronous JavaScript and XML)技术允许Web应用在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容,极大地提升了用户体验。Django,作为一个强大的Python Web框架,提供了一种简单而高效的方式...

    MicrosoftAjax.js 实现Ajax类库

    **Ajax(Asynchronous JavaScript and XML)技术是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。MicrosoftAjax.js是微软为.NET Framework开发的一个Ajax库,它使得开发者能够在JavaScript环境中更...

    Wrox.Professional.Ajax.2nd.Edition.Mar.2007.pdf

    - **Ajax的工作原理**:详细解释了Ajax如何通过异步通信机制,实现局部页面更新,避免了传统Web应用中每次用户交互都需要重新加载整个页面的问题。 - **JavaScript和DOM**:介绍了JavaScript的基本语法和DOM操作,这...

    Ajax请求session超时处理流程

    Ajax请求session超时处理流程 java服务器端处理: SessionValidateFilter中修改: if (ServerInfo.isAjax(request)) { request.setAttribute("statusCode", 301); request.setAttribute("message", "Session ...

Global site tag (gtag.js) - Google Analytics