複雜介面,如何確認表單資料是否更改?

2021-09-13 22:21:43 字數 555 閱讀 6503

公司使用封裝的jalor框架。

切換中英文時,介面將重新整理過載。

在介面存在表單時,直接過載會丟失資料,希望在這種情況下,識別使用者是否做了修改,進行相應的提示。

如果沒有改動,那麼直接重新整理介面。如果有改動,彈框提示使用者是否儲存資料。

問題的關鍵在識別使用者是否修改了資料。

搜尋了一下目前常見的解決方案,有兩種。

捕獲介面的change事件,捕獲到change事件則在切換中英文時彈框攔截跳轉,進行提示。如果事件被觸發,那麼代表資料被修改。

對比表單初始資料,與切換中英文時的資料。如果不一致,那麼資料被修改。

總的來說,是由於涉及的頁面是乙個複雜頁面,表單的資料由多個部分組成。導致以上兩種方法都不可行

第乙個方法,為元素繫結事件。不可行。首先,識別元素困難,因為介面的組成部分除了直接寫在html中,用js迴圈載入,還涉及許多隱藏巢狀的介面。其次,元素數量太多,一一繫結將影響效能。

第二個方法,難點在於獲取表單初始資料。表單的資料**來自許多個非同步請求,無法得到所有非同步請求結束的時間點。此外,一些請求深深巢狀在子頁面之中,很難一一識別進行初始資料儲存。

表單資料是如何提交的?

1.http是如何提交表單的 標籤的屬性enctype設定以何種編碼方式提交表單資料。可選的值有三個 這是預設的編碼方式。它只處理表單域裡的value屬性值,採用這種編碼方式的表單會將表單域的值處理成url方式。multipart form data 這種編碼方式會以二進位製流的方式來處理表單資料,...

jQuery如何清空form表單資料

jquery清空form表單資料,即清空文字框表單元素的資料,我們可以通過使用jquery中重置即reset表單的方法來實現。下面我們就通過具體的 示例 給大家介紹jquery清空form表單資料的實現方法。示例如下 jquery清空form表單資料示例 上述 中,當我們點選重置按鈕時,就會觸發re...

什麼是Ribbon UI介面?如何運用Qt進行開發

在去年9月底,微軟宣布了office 2019桌面版,該版本將只允許執行在windows 10系統上,office 2019將在2018年秋季發布公開預覽版,並在2018年春季向insider人員提供測試預覽,office 2019正式版將在2018年底發布。目前office 2019發布了早期預覽...