js实现添加成功后的弹出层提示信息

最新推荐文章于 2022-09-24 02:01:25 发布

baby414

最新推荐文章于 2022-09-24 02:01:25 发布

阅读量3.1k

点赞数 2

分类专栏： javascript 文章标签： JSP

本文链接：https://blog.csdn.net/baby414/article/details/83840451

版权

javascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

实现原理:后台返回一个"message"的提示信息,在jsp页面获取,若不为空,就调用jsp页面的弹出层展示message,若为空(初始化时)则不做任何操作

在需要实现页面上添加(放在form中)：
<div id="dialog-message" title="提示信息">
<p>
${message}
</p>
</div>
Title:为弹出层的标题栏，可自行设定

在页面的<head>下添加如下函数：
<script type="text/javascript">
if('${message}'!=null && '${message}'!=""){
$(function() {
$( "#dialog-message" ).dialog({
modal: true,
buttons: {
"确定": function() {
location.href="/message/list.action";
},
Ok: function() {
$( this?).dialog( "close" );
}
}
});
});

}
</script>

Message:后台传入的参数，一般为需要显示给用户查看消息
"确定"和＂OK＂是弹出层的两个按钮，可自行添加需要跳转的链接

页面需要导入以下的样式表和js
<link href="/lbui/ui-lightness/jquery-ui-1.8.9.custom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/common/js/message/jquery-ui-1.8.9.custom.min.js"></script>