簡體   English   中英

刷新頁面后,表中的行將返回其位置

[英]The rows of table are back to their places after refreshing page

我正在做一個功能,您可以用它交換表中的行。 效果很好,但是刷新頁面后,如果我交換了一些行,則這些行會回到交換之前的位置。 我想知道為什么會這樣以及如何避免這種情況。 如果有人需要,這是該功能的代碼:

swapRows = function(rowTable) {
    rowTable.find(".glyphicon-sort").click( function() {
        row = $(this).closest("tr");
        row.insertBefore( row.prev() );
    } );

} 

之所以發生這種情況,是因為刷新后,您的頁面返回到其初始狀態(來自服務器或緩存),du。

要保留狀態,您有幾種選擇:AJAX(這樣就不會刷新頁面),HTML5歷史狀態操作或本地存儲等,所有這些都超出了這個問題的范圍,我擔心。

發生這種情況是因為jQuery是一種客戶端技術,並且數據不會在請求之間保留。 刷新頁面時,您會向服務器提出新請求,服務器隨后將以默認狀態響應一個新頁面(.html)。 為了在請求之間保存此數據,您可以使用cookie。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM