利用ajax在前段添加数据

//创建servlet 再创建一个实体类，user 利用BeanUtils.populate方法封装
//调用Dao层的SQL语句查询所有的数据，
//利用JSONObject.toJSONString转换成字符串传输到前台页面






@WebServlet("/list")
public class AJAXController extends HttpServlet {
	private static final long serialVersionUID = 1L;
	private ListService service = new ListServiceImpl();

	protected void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		response.setCharacterEncoding("utf-8");
		User user = new User();
		try {
			BeanUtils.populate(user, request.getParameterMap());
		} catch (Exception e) {
			e.printStackTrace();
		}
		List<User> existuser = service.getuser(user);
		String jsonuser = JSONObject.toJSONString(existuser);
		System.out.println(jsonuser);
		response.getWriter().write(jsonuser);
	}

	protected void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		doGet(request, response);
	}

<!-- 在页面加在完成时输出所有的信息-->
<script type="text/javascript">
			     function load(){ 
						$.ajax({
							url : "list",
							type : "post",
							success : function(data) {
								for (var i = 0; i < data.length; i++) {
									var str = "<tr><td>" + data[i].id
											+ "</td><td>" + data[i].username
											+ "</td><td>" + data[i].gender
											+ "</td><td>" + data[i].age
											+ "</td><td>" + data[i].address
											+ "</td><td>" + data[i].qq
											+ "</td><td>" + data[i].email
											+ "</td><td>" + "</tr>";
									$("#t").append(str);
								}
							},
							dataType : "json"
						});
					};
		</script>