程序猿全敏
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.执行后显示
猜你喜欢
请下载代码后再发表评论
文件名: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 LV21
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
2023年7月18日
renyuan LV9
2023年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日