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

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

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

一、前端技术

1.构建a标签

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

2.初始化a标签ajax事件

注意： 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();
});
});
},});