JQuery的Ajax請求實現區域性重新整理 小案例

2021-05-27 06:32:50 字數 1057 閱讀 4019

請求的ajax路徑傳遞的引數(data)會到action中被乙個同樣名字的變數(附帶set get方法)接收,返回的data是乙個jquery的陣列物件,在被呼叫的action中涉及到的資料變數會物件,都會封裝到data中最終返回給頁面。

案例:如圖,

我要實現狀態的更改,用jquery的ajax更改完之後圖示發生改變,實現頁面的區域性重新整理

原理:區域性重新整理是重新整理頁面的一部分,在此案例中實現的只是圖示的改變,把後台**和前台現實的圖示分離,並不是對資料庫重新做查詢,二是後台數顯資料修改之後,前台直接改變圖示。

1.頁面 給每條記錄的圖示乙個唯一的id值:

"center">

"messagestate == 0">

ajax驗證:給a標籤新增的id= aunread,再新增事件

//把對應的id值的圖示src屬性值變成相應圖示的路徑}},

error:function()

});2.後台action:

privatestring strids;//省略set get 方法,自動獲取到頁面傳的響應的資料

privatestring str;//省略set get 方法

@action("/updatemessagestateunread")

publicstring updatemessagestate()throwsexception  

return"ajax";

使用jQuery和Ajax請求實現分頁效果

在要求分頁的程式中,我們一般會知道如下幾個資料的引數 總記錄數count 每一頁要顯示的記錄數 size 當前頁 num 總頁數我們可以通過count和size得到,在js中可以使用math.ceil 編寫我們的js分頁指令碼page.js 定義乙個page函式,接收兩個引數,總記錄數和引數列表va...

JQuery的Ajax請求實現區域性重新整理 小案例

請求的ajax路徑傳遞的引數 data 會到action中被乙個同樣名字的變數 附帶set get方法 接收,返回的data是乙個jquery的陣列物件,在被呼叫的action中涉及到的資料變數會物件,都會封裝到data中最終返回給頁面。案例 如圖,我要實現狀態的更改,用jquery的ajax更改完...

0818 幾種AJAX請求實現

get請求 響應資料型別 xhr.responsetype json 初始化 xhr.open get 傳送 xhr.send 事件繫結 處理返回結果 xhr.onreadystatechange function post請求 設定請求頭 xhr.setrequestheader content ...