【web】从数据库读取多条数据到前台

servlet 代码实现 ：

package com.zzxtit.order;

import java.io.IOException;
import java.sql.SQLException;
import java.util.List;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.commons.dbutils.QueryRunner;
import org.apache.commons.dbutils.ResultSetHandler;
import org.apache.commons.dbutils.handlers.BeanHandler;
import org.apache.commons.dbutils.handlers.BeanListHandler;

import com.google.gson.Gson;
import com.zzxtit.sys.GoodsSellInfor;
import com.zzxtit.util.DBUtil;

@WebServlet("/showorder.action")
public class ShowOrderServlet extends HttpServlet{

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

	@Override
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		//System.out.println("进入测试！！！");
		response.setContentType("text/html;charset=utf-8");
		QueryRunner qr = new QueryRunner(DBUtil.getDS());
		String sql ="select goods_id goodsId, price, count from room_consume_infor";
		ResultSetHandler<List<GoodsSellInfor>> rsh = new BeanListHandler<GoodsSellInfor>(GoodsSellInfor.class);
		try {
			List<GoodsSellInfor> gi = qr.query(sql, rsh);
			response.getWriter().write(new Gson().toJson(gi));
			//System.out.println(new Gson().toJson(gi));
			//System.out.println("测试成功！！！");
		} catch (SQLException e) {
			e.printStackTrace();
		}
	}
	
}

注： List的使用

前台Ajax代码实现 ：

 <script type="text/javascript">
$(function(){
	$.ajax({
		url : "${ctxpath}/showorder.action",
		dataType : "json",
		type : "post",
		success:function(data){
			$("#goodsData").empty();
			$.each(data, function(index){
				var rowData = "<tr><td>" + data[index].goodsId + "</td><td>" + data[index].price + "</td><td>" + data[index].count + "</td></tr>";
				$("#goodsData").append(rowData);
			});
		}
	});
});

</script>