Bootstrap+jfinal退出系统弹出确认框的实现方法

发布时间：2020-12-18 00:54:03 所属栏目：安全来源：网络整理

导读：本文为大家分享了jfinal与bootstrap的登出操作，旨在介绍如何通过a标签弹出登出确认框，然后发送退出请求到jfinal，然后再刷新页面的做法。主要难点在于有以下两点： 1.如果通过a标签的内容弹出登出确认框； 2.如何通过a标签刷新对应弹出的页面。一、前端技

本文为大家分享了jfinal与bootstrap的登出操作，旨在介绍如何通过a标签弹出登出确认框，然后发送退出请求到jfinal，然后再刷新页面的做法。主要难点在于有以下两点：

1.如果通过a标签的内容弹出登出确认框；

2.如何通过a标签刷新对应弹出的页面。

一、前端技术

1.构建a标签

代码如下:

注意： 1. target=”ajaxTodo”，指定a标签要通过ajax发起请求。 2. callback=”ajaxDone”，指定a标签回调函数 3. atitle=”你确定要退出吗？”，指定确认信息

2.初始化a标签ajax事件

// dwz.ajax.js
if ($.fn.ajaxTodo) {
$("a[target=ajaxTodo]",$p).ajaxTodo();
}
}

注意： 1. 页面加载完成后执行initUI方法，使target为ajaxTodo的a标签具有指定的ajaxTodo方法。

3.a标签的ajax请求

注意： 1. forwardUrl 记录登出的页面

4.为jquery对象增加ajaxTodo方法

<div class="jb51code">
<pre class="brush:js;">
$.fn.extend({
ajaxTodo : function() {
return this.each(function() {
var $this = $(this);
$this.click(function(event) {
var url = unescape($this.attr("href")).replaceTmById($(event.target).parents(".unitBox:first"));
YUNM.debug(url);
if (!url.isFinishedTm()) {
$.showErr($this.attr("warn"));
return false;
}
var title = $this.attr("atitle");
if (title) {
$.showConfirm(title,function() {
ajaxTodo(url,$this.attr("callback"));
});
} else {
ajaxTodo(url,$this.attr("callback"));
}
event.preventDefault();
});
});
},});

5.回调函数

6.弹出weebox确认框

二、jfinal技术

增加logout方法。

效果：

如果大家还想深入学习，可以点击进行学习，再为大家附3个精彩的专题：

以上就是本文的全部内容，希望大家动手实现Bootstrap+jfinal退出系统弹出确认框，希望大家喜欢这篇文章，谢谢大家的阅读。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!