本文为大家分享了jfinal与bootstrap的登出操作,旨在介绍如何通过a标签弹出登出确认框,然后发送退出请求到jfinal,然后再刷新页面的做法。主要难点在于有以下两点:
一、前端技术@H_502_4@
1.构建a标签@H_502_4@
注意: 1. target=”ajaxTodo”,指定a标签要通过ajax发起请求。 2. callback=”ajaxDone”,指定a标签回调函数 3. atitle=”你确定要退出吗?”,指定确认信息
2.初始化a标签ajax事件
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();
});
});
},});