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

前端之家收集整理的这篇文章主要介绍了Bootstrap+jfinal退出系统弹出确认框的实现方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

1.如果通过a标签内容弹出登出确认框;@H_502_4@

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

一、前端技术@H_502_4@

1.构建a标签@H_502_4@

代码如下:

注意:

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退出系统弹出确认框,希望大家喜欢这篇文章,谢谢大家的阅读。

原文链接:https://www.f2er.com/bootstrap/48312.html

猜你在找的Bootstrap相关文章