利用ui读取数据库在jsp里面显示

如何利用jQuery ligerUI 和ajax ，servlet 读取数据，显现在前台表格

第一步：创建一个jsp页面，引入一些ui的js框架，还有就是ajax的框架

<%@ page language=\ import=\ pageEncoding=\%> <%@page import=\%> <%@page import=\%>

<%@page import=\%> <%@page import=\%> <%@page import=\%> <%@page import=\%>

href=\<%=request.getContextPath() %>/lib/ligerUI/skins/Aqua/css/ligerui-all.css\ rel=\ type=\ />

第二步：实现数据封装

我们需要把数据封装成{\这种格式所以就需要一个实体 来实现它 这里建立了一个GridData 实体 提供一些get与set方法 因为数据类型不确定所以使用泛型来声明它。

public class GridData { private List Rows; private int Total; }

第三步：创建一个servlet，这里需要注意一点的是：在这个servlet里面把我们从后台获得的数据封装成ajax的格式，rows，total 首字母必须大写！！！， 使用jo.put(\, list);jo.put(\, count);保证格式

public class GridDataServlet extends HttpServlet { @Override

protected void doGet(HttpServletRequest req, HttpServletResponse resp)

throws ServletException, IOException { doPost(req, resp); }

@Override

protected void doPost(HttpServletRequest req, HttpServletResponse resp)

throws ServletException, IOException { req.setCharacterEncoding(\);

resp.setContentType(\) ; CategoryBizimpl cb=new CategoryBizimpl();

int count=cb.findfirstNewsCount(); List list=cb.findAll();

GridData data = new GridData();

JSONObject jo = new JSONObject(); jo.put(\, list); jo.put(\, count);

PrintWriter out = resp.getWriter(); out.write(jo.toString()); out.close(); } }

第四步：配置xml

和我平常配置servlet一样

Gridajax

com.news.servlet.GridDataServlet

Gridajax

/Date 这个就是我们要访问的路径