首頁 >web前端 >js教程 >如何在頁面重新載入時保留表單提交狀態?

如何在頁面重新載入時保留表單提交狀態?

Patricia Arquette
Patricia Arquette原創
2025-01-03 16:49:41849瀏覽

How Can I Persist Form Submission State Across Page Reloads?

在頁面載入之間保留變數

問題:

您需要擷取表單提交事件,且表單是否為提交後,在頁面重新加載後保留此信息,以便您在頁面重新加載時訪問它已重新加載。

使用全域變數的錯誤方法:

<br>var clicked = false;<p>$(document).ready (函數() {<br> $("inputtype='submit'").attr("onclick", "form.act.value='detailSearch'; clicked = true; return true;");</p><p>if (clicked == true ) {</p><pre class="brush:php;toolbar:false">// show hidden fields

}其他{

// don't show hidden fields

}
});

此程式碼嘗試將表單提交狀態儲存在全域變數中,但它是無效的,因為HTTP是無狀態的,每次頁面重新載入都會重置所有變數。

持久資料的解決方案儲存:

查詢字串:

  • 使用指示表單提交的參數更新查詢字串。
  • 頁面載入時,解析查詢用於檢索提交的表單狀態的字串。

Web儲存:

  • 使用 HTML5 Web Storage,您可以使用 sessionStorage(用於臨時資料)或localStorage(用於長期資料)在頁面載入時在客戶端本地儲存資料

Cookie:

  • Cookie 是另一個客戶端資料儲存選項,可以在不同的環境中持續存在域。

window.name:

  • 儘管有它的名稱,window.name 也可以用來儲存字串值。
  • 與 cookie 不同,它會在同一網域的各個頁面上持續存在,但僅在目前標籤內。

以上是如何在頁面重新載入時保留表單提交狀態?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn