手把手教你们通过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 ajax调用查询java struts2后端数据+js拼接字符串

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值