Ajax非同步重新整理分頁功能 MySQL

2022-05-08 13:27:12 字數 4154 閱讀 8434

1.servlet中**

/**

條件map

*/map

map=new hashmap();

/**分頁配置

*/int index = request.getparameter("index")==null?1:integer.parseint(request.getparameter("index"));

int size=2;

map.put("index", (index-1)*size);

map.put("size", size);

/**根據使用者不同的請求進入不同的響應操作

*/string method = request.getparameter("method");

boolean mark=false

;

if(method!=null

) }

/**得到使用者新增到購物車中的商品集合

*/list

).selectusentry(map);

if(mark)

/**得到總條數 算出總頁數

*/).entrycount(map);

int totalpage=entrycount%size==0?entrycount/size:entrycount/size+1;

/**響應結果

*/request.setattribute("entrys", entrys);//

得到使用者的購物車

request.setattribute("totalpage", totalpage);//

總條數/**

**跳轉

*/request.getrequestdispatcher("page/crat_page.jsp").forward(request, response);

此為jsp的**

<

body

>

<

table

id="ver-minimalist"

>

<

thead

>

<

tr>

<

th>類別

th>

<

th>商品名字

th>

<

th>普通**

th>

<

th>會員**

th>

<

th>數量

th>

<

th>操作

th>

tr>

thead

>

<

tbody

id="tbodyentry"

>

<

c:foreach

items

="$"

var="entry"

>

<

tr>

<

td>$

td>

<

td>$

td>

<

td>$

td>

<

td>$

td>

<

td>$

td>

<

td align

="center"

>

<

input

type

="button"

value

="刪除"

onclick

=""/>

td>

tr>

c:foreach

>

tbody

>

<

thead

>

<

tr>

<

th colspan

="6"

align

="right"

><

input

type

="button"

value

="結算"

onclick

=""/>

th>

tr>

thead

>

<

tbody

>

<

tr>

<

td colspan

="6"

align

="right"

" width

="30px"

>

<

input

type

="button"

value

="首頁"

id="firstpage"

/>

<

input

type

="button"

value

="上頁"

id="beforepage"

/>

<

input

type

="button"

value

="下頁"

id="nextpage"

/>

<

input

type

="button"

value

="尾頁"

id="lastpage"

/>

<

span

id="index"

>1

span

>\<

span

id="totalpage"

>$

span

>

td>

tr>

tbody

>

此為jquerty的**

/*

* 全域性變數

*/var index = 1;

var totalpage = 0;

/** 分頁窗體事件

*/$(

function

() */

totalpage=$("#totalpage").html();

//首頁

$('#firstpage').click(function

()

return

false

; });

//尾頁

$('#lastpage').click(function

()

return

false

; });

// $("#beforepage").click(function

()

return

false

; });

// $("#nextpage").click(function

()

return

false

; });

})/** 點選分頁

*/function

paging()

/** ajax函式工具類

* @param url:位址

* @param data:請求引數

* @param method:方法訊號,作用判斷進行什麼操作

*/function

ajaxbase(url,data,method),

error:

function

() });

}/** 根據method方法訊號判斷進行什麼操作

* @param result:服務端響應的資料

* @param method:方法訊號,作用判斷進行什麼操作

*/function

success(result,method)

}}

AJAX 非同步重新整理技術

大家都知道,可以用表單把jsp頁面的值提交到後台,但是還有另外一種方式,就是用ajax 非同步重新整理技術 把jsp頁面提交到後台,今天我就給大家講講如何用ajax 非同步重新整理技術 把jsp頁面提交到後台,他們兩個其實是一起用的,你不用ajax的時候你的表單裡面只能有乙個提交按鈕,多個的話就無法...

Ajax非同步重新整理功能及簡單案例

目錄 這篇文章主要來介紹一下有關ajax中非同步重新整理的知識,以及乙個簡單的註冊案例。我們都知道,非同步重新整理是ajax中非常重要的乙個功能,下面我們先來了解一下關於非同步重新整理的方法步驟以及理解。在這裡我們首先說一下關於 get請求和 post請求 方法 open method,url,as...

ajax非同步重新整理簡單的demo

說明 本案例是在瀏覽器中區域性重新整理物件people的age屬性的值 1.首先建立乙個people類 package com.jsf.demo1 public class people public void setname string name public int getage public...