程序猿全敏
2016-10-09 16:21:00
原
手把手教你们通过jquery ajax调用查询java struts2后端数据+js拼接字符串
1.首先新建一个web项目,创建一个User实体
package com.qm.entity; public class User { private String id; private String name; private String sex; private int age; public User() { } public User(String name, String sex, int age) { this.name = name; this.sex = sex; this.age = age; } public User(String id, String name, String sex, int age) { super(); this.id = id; this.name = name; this.sex = sex; this.age = age; } public String getId() { return id; } public void setId(String id) { this.id = id; } public String getName() { return name; } public void setName(String name) { this.name = name; } public String getSex() { return sex; } public void setSex(String sex) { this.sex = sex; } public int getAge() { return age; } public void setAge(int age) { this.age = age; } }
2.配置struts2的环境.新建一个Action ,我把它命名为UserAction
3.创建几个User对象将他们放进ArrayList 再放进HashMap返回到页面
User u1=new User("全敏","男",18); User u2=new User("刘鑫","女",19); User u3=new User("刘超","男",20); User u4=new User("友龙","男",22); ArrayList<User> userList=new ArrayList<User>(); userList.add(u1); userList.add(u2); userList.add(u3); userList.add(u4); //Object userObject=JsonUtil.toJson(userList); //System.out.println(userObject); HashMap<String, Object> json=new HashMap<String, Object>(); json.put("userList", userList); //给result赋值,传递给页面 result = JsonUtil.toJson(json);
4.struts.xml配置
<result type="json"> <param name="root">result</param> </result>
5.页面显示一样
$.ajax({ url : "<%=basePath%>" + "/user_showAll.action", type : "post", dataType : "json", success : function(data) { var d = eval("("+data+")"); var t=d.userList; for ( var i = 0; i < t.length; i++) { if($("#tbody tr").length<t.length){ $("#tbody").append("<tr><td>"+t[i]["name"]+"<td>"+t[i]["sex"]+"</td><td>"+t[i]["age"]+"</td></tr>"); } } } });
6.执行后显示
猜你喜欢
- Jquery结合Struts2实现无刷新
- 手把手教你们通过jquery ajax调用查询java servlet后端数据+js拼接字符串
- jQuery Mobile权威指南(陶国荣)书籍源代码
- jquery生成图片验证码
- jquery编写的alert弹窗插件带模式化窗口,支持$.alert({参数})语法,支持拖拽
- jquery实现鼠标移动到图片上缩小图片并显示图片说明特效源代码下载
- sina微博表情插件源码下载(jquery)
- 精心挑选的22款精美jquery特效
- 15个经典jQuery Demo(适合初学者)
- 75款常用的jquery特效前端网页代码
- Ajax+JQuery留言特效
- jquery炫酷地图特效样式
请下载代码后再发表评论
文件名:tests.rar,文件大小:112.356K
下载
- /
- /tests
- /tests/.classpath
- /tests/.project
- /tests/.settings
- /tests/.settings/.jsdtscope
- /tests/.settings/org.eclipse.jdt.core.prefs
- /tests/.settings/org.eclipse.wst.common.component
- /tests/.settings/org.eclipse.wst.common.project.facet.core.xml
- /tests/.settings/org.eclipse.wst.jsdt.ui.superType.container
- /tests/.settings/org.eclipse.wst.jsdt.ui.superType.name
- /tests/src
- /tests/src/com
- /tests/src/com/qm
- /tests/src/com/qm/action
- /tests/src/com/qm/entity
- /tests/src/com/qm
- /tests/src/com
- /tests


1352090 LV9
2020年7月14日
1214066599 LV8
2019年7月4日
我想当土豪 LV4
2019年4月7日
77329TT LV20
2018年11月7日
渣渣辉 LV11
2018年7月31日
My屌屌 LV9
2018年6月27日
qq152103 LV4
2018年5月17日
cxy729971396 LV1
2017年12月13日
王鹏洋 LV11
2017年12月8日
750709842 LV10
2017年11月10日

你爹正在加载中 LV4
7月18日
renyuan LV9
5月16日
微信网友_6209387198713856 LV1
2022年11月17日
weepdf LV11
2022年6月26日
jwfadacai LV8
2022年5月25日
wananall LV13
2022年1月29日
Altria LV5
2021年8月13日
2093832772
2021年7月13日
暂无贡献等级
找先森 LV5
2021年6月8日
阳止初四 LV8
2021年6月6日