手把手教你们通过jquery ajax调用查询java servlet后端数据+js拼接字符串

1.首先，新建一个web项目，创建一个User实体，

package com.qm;

public class User {
	private String name;
	private String sex;
	private int age;
	public User() {
	}
	
	public User(String name, String sex, int age) {
		super();
		this.name = name;
		this.sex = sex;
		this.age = age;
	}

	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.新建一个servlet 由于是查询所有我把它命名为FindAll ，实现doGet doPost方法

3.首先我创建几个用户，然后把它们放进ArrayList；然后通过Json转换工具类把它转换成Object，再把它放进Map

Object userobj=JsonUtil.toJson(userList);
HashMap<String,Object> json=new HashMap<String,Object>();
json.put("userobj", userobj);

4.现在再看页面。因为jquery1.6自带有ajax，我就导入js文件，然后页面得到

$.ajax({
				url : "<%=request.getContextPath()%>" + "/FindAll",
					type : "post",
					dataType : "json",
					success : function(data) {
						var d= eval('('+data.userobj+')');
						for ( var i = 0; i < d.length; i++) {
							if($("#tbody tr").length<d.length){
								$("#tbody").append("<tr><td>"+d[i]["name"]+"<td>"+d[i]["sex"]+"</td><td>"+d[i]["age"]+"</td></tr>");
							}
						}
					}
			});

这里我用了字符串拼接的形式把它得到的；

5.得到结果