============ajax======================
<script type="text/javascript">
$(function() {$.ajax({
url : "ListProducts",
dataType : "json",
success : function(res)
{
var list = res.list;
for (var i = 0; i < list.length; i++)
{
$("#productlist").append(
"<li><dl><dd style='display:none'>"
+ list[i].proid
+ "</dd><dt><a href='ProductView?pid="
+ list[i].proid
+ "' target='_self'><img src="+list[i].img+" /></a></dt><dd class='title'><a href='#' target='_self'>"
+ list[i].pname
+ "</a></dd><dd class='price'>"
+ list[i].price
+ "</dd></dl></li>");
}
$("a.an:eq(0)").attr("name",1);
$("a.an:eq(1)").attr("name",res.currentPage+1);
$("a.an:eq(2)").attr("name",res.currentPage-1);
$("a.an:eq(3)").attr("name",res.allPage);
}
});
//翻页点击
$("a.an").click(function(){
//求得被点击a标签的中的page值
var pp=$(this).attr("name");
$("#productlist").html("");
$.post(
"ListProducts",
"page="+pp,
function(res)
{
var list=res.list;
for(var i=0;i<list.length;i++){
$("#productlist").append("<li><dl><dt><a href='product-view.jsp' target='_self'><img src="+list[i].img+" /></a></dt><dd class='title'><a href='product-view.jsp?proid="+list[i].proid+"' target='_self'>"+list[i].pname+"</a></dd><dd class='price'>"+list[i].price+"</dd></dl></li>");
}
$("a.an:eq(0)").attr("name",1);
$("a.an:eq(1)").attr("name",res.currentPage+1);
$("a.an:eq(2)").attr("name",res.currentPage-1);
$("a.an:eq(3)").attr("name",res.allPage);
},"json")
});
})
</script>
---------------------------------------------------------------------
package com.web;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.biz.ProductBiz;
import com.google.gson.Gson;
import com.util.PageBean;
public class ListProducts extends HttpServlet {
/**
*
*/
private static final long serialVersionUID = 1L;
/**
* Constructor of the object.
*/
public ListProducts() {
super();
}
/**
* Destruction of the servlet. <br>
*/
public void destroy() {
super.destroy(); // Just puts "destroy" string in log
// Put your code here
}
/**
* The doGet method of the servlet. <br>
*
* This method is called when a form has its tag value method equals to get.
*
* @param request the request send by the client to the server
* @param response the response send by the server to the client
* @throws ServletException if an error occurred
* @throws IOException if an error occurred
*/
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html");
PrintWriter out = response.getWriter();
String page=request.getParameter("page");
System.out.println(page);
ProductBiz bz=new ProductBiz();
if(page==null){page="1";}
PageBean l_get = bz.l_get(Integer.valueOf(page), 4);
String productlist = new Gson().toJson(l_get);
out.print(productlist);
out.flush();
out.close();
}
/**
* The doPost method of the servlet. <br>
*
* This method is called when a form has its tag value method equals to post.
*
* @param request the request send by the client to the server
* @param response the response send by the server to the client
* @throws ServletException if an error occurred
* @throws IOException if an error occurred
*/
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doGet(request, response);
}
/**
* Initialization of the servlet. <br>
*
* @throws ServletException if an error occurs
*/
public void init() throws ServletException {
// Put your code here
}
}
----------------------------------