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
- SSH中后端获取到的数据传向页面显示
- 返回到前一个页面时显示前一个页面中ajax获取的数据
- boostrap-select 用js获取后台数据显示空(实际上数据传)
- 总结:Struts2中jsp页面向后端action的4种传参方式
- SSH(SSM)框架中中前端jsp向后端传值的域限制(标签限制)
- 从servlet中获取的ResultSet结果集如何传递到jsp页面并显示
- GoEasy实现后端向前端页面的推送
- iOS的View之间的数据传
- 使用spring webflow,在前台页面中如何显示后端返回的错误信息
- struts2和jsp的数据传值
- 后端URL中文传参+前端解析和页面显示
- 前后端分离,html页面中怎么获取当前登录用户信息,并写入html页面的指定位置?
- 静态页面中显示文章的点击数
- 静态页面中显示文章的点击数
- 静态页面中显示文章的点击数
- OA项目第二天:后端页面的显示
- 【SSH网上商城项目实战22】获取银行图标以及支付页面的显示
- 【SSH网上商城项目实战22】获取银行图标以及支付页面的显示
- 数据库连接池
- android应用的一些接口方法
- const和static总结
- 开发过程中注意事项及优化(持续更新~~~)
- #129 Rehashing
- SSH中后端获取到的数据传向页面显示
- C语言基础知识
- APP二次启动问题
- BZOJ1110: [POI2007]砝码Odw
- 集成学习实践(sklearn)
- servlet利用拦截器改写request和response
- pycharm——快捷键、常用设置、配置管理
- UICollectionView基础
- 剑指Offer_45_扑克牌顺子