zoukankan      html  css  js  c++  java
  • AJAX在Struts2中使用

    前台页面:

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <%@ taglib prefix="s" uri="/struts-tags" %>
        
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <script type="text/javascript" src="scripts/jquery-1.9.1.min.js"></script>
    <script type="text/javascript">
        $(function(){
            //1点击删除的时候,确定删除吗?
            $(".delete").click(function(){
            var lastName=$(this).next(":input").val();
                 var flag=confirm("确定要"+lastName+"删除吗?");
                 if(flag){
                     //删除,使用ajax的方式
                     var url=this.href;
                     var args={"time":new Date()};
                     $.post(url,args,function(data){
                         if(data=="1"){
                         alert("删除成功");
                         $tr.remove();
                         }else{
                             alert("删除失败")
                         }
                     });
                 }
                 //取消超链接的默认行为
                 return false;
            });
        })
    </script>
    </head>
    <body>
        
        <h4>Employee List Page</h4>
        
        <s:if test="#request.employees == null || #request.employees.size() == 0">
            没有任何员工信息
        </s:if>
        <s:else>
            <table border="1" cellpadding="10" cellspacing="0">
                <tr>
                    <td>ID</td>
                    <td>LASTNAME</td>
                    <td>EMAIL</td>
                    <td>BIRTH</td>
                    <td>CREATETIME</td>
                    <td>DEPT</td>
                    <td>delete</td>
                </tr>
                <s:iterator value="#request.employees">
                    <tr>
                        <td>${id }</td>
                        <td>${lastName }</td>
                        <td>${email }</td>
                        <td>${birth }</td>
                        <td>${createtime }</td>
                        <td>${department.departmentName } </td>
                        <td><a href="emp-delete?id=${id }" class="delete">Delete</a>
                            <input type="hidden" value="${lastName }">
                        </td>
                        
                    </tr>
                </s:iterator>
            </table>
        </s:else>
            
    </body>
    </html>

    ACTION中:

    public String delete(){
            
            try {
                employeeService.deleteEmployee(id);
                inputStream = new ByteArrayInputStream("1".getBytes("UTF-8"));
            } catch (UnsupportedEncodingException e) {
                e.printStackTrace();
                try {
                    inputStream=new ByteArrayInputStream("0".getBytes("UTF-8"));
                } catch (UnsupportedEncodingException e1) {
                    // TODO Auto-generated catch block
                    e1.printStackTrace();
                }
    
            }
            return "delete";
        }
    
        private InputStream inputStream;
        public InputStream getInputStream() {
            return inputStream;
        }

    struts.xml文件中:

    <package name="default" namespace="/" extends="struts-default">
            <action name="emp-*" class="employeeAction"
                method="{1}">
            <result name="list">/emp-list.jsp</result>
        
            <result type="stream" name="delete">
                <param name="contentType">text/html</param>
                <param name="inputName">inputStream</param>
            </result>
            </action>
           
        </package>
  • 相关阅读:
    验证用户名,要求 1、不能为空 2、不能小于6位数大于20位数 3、首字母不能大写
    用js实现表格的增删改
    博客园开通同城园友功能如何?
    .NET 工具集合
    2010年终总结报告
    在JavaScript中实现命名空间。
    在 JavaScript 实现多播事件、属性设置/读取器
    听过 PHPRPC 吗?试试我的 Hign!
    用 WCF 实现多层服务架构平台——客户层演示
    用 WCF 实现多层服务架构平台——业务适配器。
  • 原文地址:https://www.cnblogs.com/bulrush/p/5807020.html
Copyright © 2011-2022 走看看