如何在 JavaScript 中跨頁面載入保留表單資料？

如何在頁面載入之間保留變數

由於HTTP 是無狀態的，因此在頁面刷新之間捕獲表單提交狀態可能具有挑戰性。僅使用 JavaScript 很難實現頁面載入之間的持久性儲存。

查詢字串

使用 GET 方法提交表單時，會建立查詢字串 (?parameter=value )。透過將表單中的輸入欄位設為特定值，您可以使用查詢字串。例如：

<form method="GET">
    <input type="hidden" name="clicked" value="true" />
    <input type="submit" />
</form>

提交表單時，查詢字串會更新以包含按一下的參數。當頁面重新載入時，您可以檢查查詢字串以確定是否點擊了提交按鈕。

Web Storage

HTML5 提供了 Web Storage，允許保存資料在瀏覽器中跨頁面載入。 LocalStorage 無限期地儲存數據，而 SessionStorage 僅在目前瀏覽會話期間保留資料。為此，SessionStorage 是適當的：

$('input[type="submit"][value="Search"]').click(function() {
    sessionStorage.setItem('clicked', 'true');
});

Cookie

Cookie 還可以在客戶端儲存資料。使用jQuery，您可以輕鬆設定cookie：

$('input[type="submit"][value="Search"]').click(function() {
    $.cookie('clicked', 'true', { expires: 1 }); // expires in 1 day
});

Window.name

作為一種駭客方法，您可以將資料儲存在window.name 屬性中：

window.name = JSON.stringify({ clicked: true });

此方法僅限於目前選項卡，並且僅儲存字串。

以上是如何在 JavaScript 中跨頁面載入保留表單資料？的詳細內容。更多資訊請關注PHP中文網其他相關文章！