SSH中后端获取到的数据传向页面显示

来源:互联网 发布:cacti监控linux主机 编辑:程序博客网 时间:2024/05/10 20:45

方法一:后端用request,前端用struts标签

1、jsp提交form表单到action
2、前提是action中能通过方法处理获取到数据,然后把存在LIst集合中的数据给request

action代码如下:

public String listAllUser() {        System.out.println("Action------UserAction.listAllUser------开始");        List<User> listALL = userManage.listAllUser(user);        HttpServletRequest request = ServletActionContext.getRequest();        request.setAttribute("listt", listALL);        System.out.println("Action------UserAction.listAllUser------结束");        return "success";    }

3、前端页面接收数据:(用struts标签)

引用struts标签库:
<%@ taglib prefix=”s” uri=”/struts-tags” %>

<table>    <s:iterator value="#request.listt">        <tr>            <!--1、 可以这样用标签接收数据 -->            <td id="id"><s:property value="id"/></td>            <!--2、 也可以这样用el表达式接收数据 -->            <td>${name}</td>            <td>${password}</td>            <td><s:property value="age"/></td>            <td align="center">                      <input type="button" class="dell" value="删除" />                    <input type="button" class="update" value="编辑"/>                    </td>          </tr>    </s:iterator> </table>

方法二:前端用ajax,后端用response

1、ajax部分

//加载jquery执行    $(document).ready(function() {        $(".bfind").click(function() {            var name = $("#name").val();            alert("输入的名字信息是:"+name);            $.ajax({                //HTTP请求方法                type:"POST",                url:"findUser",                data:{"user.name":name},                //返回数据类型                dataType:"json",                //发生错误时的回调                error:function(){                    alert("发生错误");                },                //发生请求超时的回调                timeout:function(){                    alert("时间超时");                },                //成功以后的回调                success:function(result){                    //清空表格数据(除了第一行)                    $("#table_data  tr:not(:first)").html("");                    //遍历result中数据                    for(var i = 0;i<result.length;i++){                        //拼接table行                        $("#table_add").append(                            "<tr>"+                                "<td>"+result[i].id+"</td>"+                                "<td>"+result[i].name+"</td>"+                                "<td>"+result[i].password+"</td>"+                                "<td>"+result[i].age+"</td>"+                                "<td>"+                                    "<input type='button' class='dell' value='删除' />"+                                    "<input type='button' class='update' value='编辑'/>"+                                "</td>"+                            "</tr>");                    }                }            })        })    })

2、后端action

    private JSONArray result;    public JSONArray getResult() {        return result;    }    public void setResult(JSONArray result) {        this.result = result;    }    // 查找    public String findUser() {        System.out.println("Action------UserAction.findUser------开始");        //得到response对象        HttpServletResponse response = ServletActionContext.getResponse();        //根据条件查找        List<User> listFind = userManage.check(user);        if (listFind != null) {            result = new JSONArray();            //遍历list集合,并存进jsonArray中            for(User list:listFind){                JSONObject js = new JSONObject();                js.put("id", list.getId());                js.put("name", list.getName());                js.put("age", list.getAge());                js.put("password", list.getPassword());                result.element(js);            }            System.out.println("转换成json字符对象:"+result);            //把json字符对象写进response里            PrintWriter out;            try {                //防止中文乱码                response.setCharacterEncoding("utf-8");                out = response.getWriter();                out.println(result);                out.flush();                out.close();            } catch (IOException e) {                e.printStackTrace();            }        }        System.out.println("Action------UserAction.findUser------结束");        return "success";    }

3、SSH中用ajax的话,struts.xml配置文件也要添加一部分

<!--    为了让ajax可以调用Spring中的action   配置ajax的配置 -->    <package name="ajax_json" extends="json-default">        <action name="*" class="userAction" method="{1}">            <result name="success" type="json">            </result>        </action>    </package>

4、SSH中用到json要导包

链接:json包

小生初学者,如若代码有不当之处,还烦请各位指出纠正,共同学习。

0 0
原创粉丝点击