易买网之分页显示对应当前页扥所有的商品1

============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
}


}

----------------------------------


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值