`

web项目弹提示框小技巧

阅读更多

在web项目中,我们经常需要弹出一个提示框alert来提示操作信息  比如alert('操作成功');

最简单的就是在后台把信息传到jsp页面,然后jsp页面判断弹出,但这样往往需要在每个jsp页面都写一段js代码,有个小技巧就是先把信息统一传到一个jsp页面,然后jsp页面弹出,再跳转到指定页面。

首先,我们先写一个js文件:

//提示信息,并返回或跳转到goUrl
function alertMsg(msg, goUrl){
 if(msg=="" && goUrl!="back"){
  window.location=goUrl;
 }else if(msg!="" && goUrl=="back"){
  alert(msg);
  history.back();
 }else if(msg!="" && goUrl!="back"){
  alert(msg);
  window.location=goUrl;
 }
}

 

然后我们需要建一个接口类

public interface MyMsg {

 String ADD_SUCCESS = "addSuccess";
 String ADD_FAIL = "addFail";

}

 

再来建一个jsp页面 showMsg.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>提示信息</title>
  <script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/sqb.js"></script></head>  
  <body>
    <c:set var="msg" value="${map.msg}" />
<c:choose>
    <c:when test="${msg=='delSuccess'}">
        <script type="text/javascript">alertMsg("删除成功","跳转页面");</script>
    </c:when> 
    <c:when test="${msg=='delFail'}">
        <script type="text/javascript">alertMsg("删除失败.","跳转页面");</script>
    </c:when>

</c:choose>
</body>
</html>

 

再action里面我们就可以这样写

public class test extends ActionSupport implements MyMsg{

      @Action(value="activityList",results = {@Result(name=SUCCESS,location = "/showMsg.jsp")})
      public String test(){
         map.put("msg",ADD_SUCCESS);
         return SUCCESS;
 }

}

 

这样我们就完成了

0
0
分享到:
评论

相关推荐

    登录弹出框JS网页特效

    登录弹出框是网页设计中常见的一种交互元素,主要用于用户身份验证或收集用户信息。在JavaScript(JS)的帮助下,我们可以创建动态、响应式的登录弹出框,提升用户体验。本资源"登录弹出框JS网页特效"很可能是提供了...

    HiForum弹出框代码

    HiForum弹出框是一种常见的UI元素,它通常用于显示额外的信息、提示用户进行操作或者提供交互式对话。这种控件在论坛、社区以及其他互动性强的网站中广泛使用。 首先,让我们来理解一下“pop控件”的概念。Pop-up或...

    web弹出式对话框

    本文将深入探讨Web弹出式对话框的实现原理及其应用技巧。 #### 1. 基本概念与用途 **弹出式对话框**是一种浮动于当前页面之上的窗口,通常用于展示临时性的信息或请求用户输入。它不依赖于页面刷新,能够保持用户...

    超简单的弹出框

    - 信息提示框:显示通知或警告信息,一般只有一个“确定”按钮。 - 输入框:用于获取用户输入,可能包含文本字段、选择列表等。 - 确认框:询问用户是否执行某操作,通常有“是”和“否”两个选项。 - 自定义框...

    简洁漂亮美观的弹出框蓝颜色

    弹出框通常用于提供提示信息、用户确认、错误警告或展示额外内容,其设计应当符合现代网页设计的标准,同时保持易用性和功能性。 首先,我们需要理解弹出框的基本结构。它通常由背景遮罩层、主要内容区域和关闭按钮...

    漂亮的弹出框

    在ASP.NET开发中,弹出框(Pop-up Window)是一种常用的用户交互元素,它可以在用户进行特定操作时显示额外信息、提示或者功能。"漂亮的弹出框"通常指的是设计美观、用户体验良好的弹出对话框。在本文中,我们将深入...

    弹出框的现实和隐藏

    在现代Web开发中,弹出框作为一种常见的交互方式,被广泛应用于各种场景,如登录对话框、提示消息等。本文将围绕如何利用HTML中的`&lt;div&gt;`标签来创建并控制弹出框的显示与隐藏进行深入探讨。 #### 二、基础知识概述 ...

    web常用小技巧

    ### Web常用小技巧详解 #### 一、禁用鼠标右键功能 - **技术要点**:通过`oncontextmenu`事件来阻止默认上下文菜单的显示。 - **应用场景**:适用于保护网页内容不被轻易复制或查看源码的情况。 - **实现方式**: ...

    气泡提示框示例 源码

    1. **气泡提示框概念**:气泡提示框是一种轻量级的提示工具,通常以一个小气泡形状显示在屏幕上的某个元素附近,用来突出显示或解释该元素的功能。它们可以是非侵入性的,不会打断用户的操作流程,提供了一种直观的...

    40种网页小技巧(html开发员有帮助哦)

    根据给定的信息,我们可以整理出以下与网页制作相关的实用技巧,这些技巧可以帮助开发者在实际工作中提高效率、增强用户体验以及优化页面功能。 ### 1. 阻止右键菜单出现 - **技巧**: 使用 `oncontextmenu` 事件来...

    Web表单高级技巧

    "Web表单高级技巧"这一主题涵盖了提高用户体验、数据验证、表单处理和交互性等多个方面。接下来,我们将深入探讨这些高级技巧。 首先,我们关注表单设计。一个优秀的Web表单应该直观易用,减少用户的认知负担。这...

    利用 Google Web Toolkit 在 Java 框架中开发 Ajax 应用程序

    3. **创建 GWT 项目**:讲解创建一个新的 GWT 项目的过程,包括设置项目属性、创建模块和定义用户界面。 4. **Ajax 技术**:解释 AJAX 如何实现页面的局部更新,提高用户体验,以及 GWT 如何支持 AJAX 功能。 5. *...

    Python web框架.Flask中文手册.pdf

    - **示例项目**:通过一个简单的示例项目来展示如何使用Flask构建Web应用。 **1.3 Web 开发的风险** - **安全性问题**:提到了Web开发中的安全问题,包括常见的攻击方式如SQL注入、XSS等,并强调了Flask在安全性...

    Spring + Hibernate + Struts 事务配置小例子(带提示框等小技巧)

    附:内有弹出对话框,Action乱码处理和一些好技巧。 2008-5-28 修改: 今天修改了 applicationContext.xml,以后的事务控制就万事大吉了,里面有详细注释哦。 有什么问题可以给我留言 ^_^,大家一起进步! &lt;!...

    基于 SpringBoot3 开发的 Ai 多功能项目,支持(H5,Web,微信小程序)

    例如,通过集成如ChatGPT这样的对话式AI模型,可以实现智能聊天功能,用户可以通过H5、Web或微信小程序与AI进行交互,获取信息、解答问题或进行个性化推荐。 ### H5、Web与微信小程序支持 - **H5(HTML5)**:H5是...

    Ajax Hacks中文版 创建快速响应Web站点的工具和技巧

    ### Ajax Hacks中文版:创建快速响应Web站点的工具和技巧 #### Ajax技术概览 Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这种技术使得Web应用程序...

    非常漂亮的轻量级提示信息框JS代码

    这是一种叫做“tooltip”的常见Web UI元素,当用户将鼠标光标悬停在特定的文字或元素上时,会弹出一个带有圆角的提示框,显示与该元素相关联的附加信息。这种设计有助于提高用户体验,因为用户可以快速获取到他们感...

    纯JS实现鼠标划过时显示提示框

    10. **响应式设计**:在现代Web开发中,提示框应具备响应式设计,能够根据设备屏幕大小和方向调整其布局和样式,以适应移动设备和桌面环境。 综上所述,"纯JS实现鼠标划过时显示提示框"这个主题涵盖了JavaScript...

    web 学习资料

    3. 每个程序员都会的35种小技巧.txt:这是一个文本文件,很可能列举了35个编程小技巧,涵盖Web开发的各个方面。这些技巧可能包括代码优化、调试方法、性能提升、开发工具的使用等,旨在帮助开发者提高工作效率,解决...

    使用HTML5 CSS JavaScript构建的迷你项目,没有框架或库.zip

    通过这些迷你项目,学习者可以锻炼自己编写和调试代码的能力,理解Web开发的基本流程,同时提高问题解决技巧。每个项目可能都有特定的学习目标,比如使用特定的JavaScript特性或实现某种特定的效果。通过实践这些...

Global site tag (gtag.js) - Google Analytics