在JSP中,当添加信息成功后跳转回主页面并d出 *** 作成功提示框

在JSP中,当添加信息成功后跳转回主页面并d出 *** 作成功提示框,第1张

这样:

<%

if((String)request.getAttribute("info")=="success"){%>

<script>

alert("添加活动成功!")

</script>

<%}%>

扩展资料:

注意事项

后台action/servlet执行后,返回处理结果(成功、失败、原因、状态等)信息。在前台jsp进行d窗显示,alert()

后台处理代码:(把要提示的数据放到session中。)

if(flag){

message="分类修改成功"

req.getSession().setAttribute("message",message)

resp.sendRedirect(req.getContextPath()+"/servlet/categoryListServlet")

}else{

message="分类修改失败"

req.getSession().setAttribute("message",message)

}

可以引用脚本语言实现;<br>在jsp页面加入<script language="javascript"><br>这样就可以使用javascript的三种与用户进行交互的对话框,如下所示:<br><br>1 alert("message") 显示含有给定消息的"JavaScript Alert"对话框. <br><br>2 confirm("message") 显示含有给定消息的"Confirm"对话框(有一个OK按钮和一个Cancel按钮).如果用户单击OK返回true,否则返回false. <br><br>3 prompt("message") 显示一个"prompt"对话框,要求用户根据显示消息给予相应输入. <br><br>4 open("URL","name") 打开一个新窗口,给予一个指定的名字. <br><br>5 close() 关闭当前窗口<br><br>希望能帮到你!

jsp中可以嵌入通用的js写的d出框提示,只要根据不同场景传不同参数就可以了。

参考代码如下:

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>d出窗口(可拖动,背景灰色透明)</title>

<script type="text/javascript">

<!--

/*FileName:AlertMsg.js

title:提示标题

content:提示的内容*/

document.write("<style type=\"text/css\">*{padding:0margin:0}.close{float:rightcursor:default}</style>")

function $(id){ return document.getElementById(id)}

function AlertMsg(title,content){

var msgw,msgh,msgbg,msgcolor,bordercolor,titlecolor,titlebg,con

con = "<form><table style='margin:10px 15px 15px 15pxborder:0'><tr><th style='border:0line-height:22pxpadding:3px 0vertical-align:topfont-weight:bold'>分类:</th><td style='border:0line-height:22pxpadding:3px 0vertical-align:topwidth:75%'><input type='text' name='typename' size='20'/></td></tr><tr><th></th><td style='border:0line-height:22pxpadding:3px 0vertical-align:topwidth:75%'><button style='line-height:normal' type='submit' onclick='return submitform()'>确定</button> <button style='line-height:normal' type='reset'>取消</button></td></tr></table></form>"

//d出窗口设置

msgw = 300 //窗口宽度

msgh = 150 //窗口高度

msgbg = "#FFF" //内容背景

msgcolor = "#000" //内容颜色

bordercolor = "#000"//边框颜色

titlecolor = "#FFF"//标题颜色

titlebg = "#369" //标题背景

//遮罩背景设置

var sWidth,sHeight

sWidth = screen.availWidth

sHeight = document.body.scrollHeight

//创建遮罩背景

var maskObj = document.createElement("div")

maskObj.setAttribute('id','maskdiv')

maskObj.style.position = "absolute"

maskObj.style.top = "0"

maskObj.style.left = "0"

maskObj.style.background = "#777"

maskObj.style.filter = "Alpha(opacity=30)"

maskObj.style.opacity = "0.3"

maskObj.style.width = sWidth + "px"

maskObj.style.height = sHeight + "px"

maskObj.style.zIndex = "10000"

document.body.appendChild(maskObj)

//创建d出窗口

var msgObj = document.createElement("div")

msgObj.setAttribute("id","msgdiv")

msgObj.style.position ="absolute"

msgObj.style.top = (screen.availHeight - msgh) / 4 + "px"

msgObj.style.left = (screen.availWidth - msgw) / 2 + "px"

msgObj.style.width = msgw + "px"

msgObj.style.height = msgh + "px"

msgObj.style.fontSize = "12px"

msgObj.style.background = msgbg

msgObj.style.border = "1px solid " + bordercolor

msgObj.style.zIndex = "10001"

//创建标题

var thObj = document.createElement("div")

thObj.setAttribute("id","msgth")

thObj.className = "DragAble"

thObj.style.cursor = "move"

thObj.style.padding = "4px 6px"

thObj.style.color = titlecolor

thObj.style.background = titlebg

var titleStr = "<a class='close' title='关闭' style='cursor:pointer' onclick='CloseMsg()'>关闭</a>"+"<span>"+ title +"</span>"

thObj.innerHTML = titleStr

//创建内容

var bodyObj = document.createElement("div")

bodyObj.setAttribute("id","msgbody")

bodyObj.style.padding = "10px"

bodyObj.style.lineHeight = "1.5em"

bodyObj.innerHTML = con

var txt = document.createTextNode(content)

bodyObj.appendChild(txt)

//生成窗口

document.body.appendChild(msgObj)

$("msgdiv").appendChild(thObj)

$("msgdiv").appendChild(bodyObj)

}

function CloseMsg(){

//移除对象

document.body.removeChild($("maskdiv"))

$("msgdiv").removeChild($("msgth"))

$("msgdiv").removeChild($("msgbody"))

document.body.removeChild($("msgdiv"))

}

//拖动窗口

var ie = document.all

var nn6 = document.getElementById&&!document.all

var isdrag = false

var y,x

var oDragObj

function moveMouse(e) {

if (isdrag) {

oDragObj.style.top = (nn6 ? nTY + e.clientY - y : nTY + event.clientY - y)+"px"

oDragObj.style.left = (nn6 ? nTX + e.clientX - x : nTX + event.clientX - x)+"px"

return false

}

}

function initDrag(e) {

var oDragHandle = nn6 ? e.target : event.srcElement

var topElement = "HTML"

while (oDragHandle.tagName != topElement &&oDragHandle.className != "DragAble") {

oDragHandle = nn6 ? oDragHandle.parentNode : oDragHandle.parentElement

}

if (oDragHandle.className=="DragAble") {

isdrag = true

oDragObj = oDragHandle.parentNode

nTY = parseInt(oDragObj.style.top)

y = nn6 ? e.clientY : event.clientY

nTX = parseInt(oDragObj.style.left)

x = nn6 ? e.clientX : event.clientX

document.onmousemove = moveMouse

return false

}

}

document.onmousedown = initDrag

document.onmouseup = new Function("isdrag=false")

//-->

</script>

</head>

<body>

<table width="600" border="0" cellspacing="0" cellpadding="0">

<tr >

<td height="100" align="center" >

<p><a href="javascript:AlertMsg("温馨提示",'')">点我试试!</a></p>

</td>

</tr>

</table>

</div>

</body>

</html>

运行效果:


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11843797.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-19
下一篇2023-05-19

发表评论

登录后才能评论

评论列表(0条)

    保存