jQuery比較表單初始資料和提交後資料

2021-09-09 06:45:57 字數 757 閱讀 3375

表單載入後,要能夠對修改的資料進行比較,不能刪除預設新增的資料。

由於平台上的功能是多個iframe頁面執行表單載入和表單提交的指令碼不是執行在同乙個上下文,要在表單中儲存乙個物件資料到input輸入框中,才能傳遞儲存的資料

獲取原始資料構造為json

使用字面量的方式構造json,資料在表單載入時從input中取出

function()

;push;}

}

儲存資料到隱藏的文字框中

使用json.stringify()轉換資料,如果不轉換的話儲存到input中的資料就會是[object object,object object]這樣的資料,無法從input中重新讀取,然後儲存到input中,獲取時使用json.parse()轉換回json,儲存到另外的input中()

;$()

.val

(json

.stringify);

構造新的json資料與原始資料進行比較

在提交表單的上下文中,由於構造的資料物件會變為陣列物件,所以用舊的元素中的元素去對比是否在新的陣列中有包含,使用.indexof(string) == -1,作為判斷()

;json

.parse($

().val()

.tostring()

);var temp =1;

for(i =0)

}}}結論

從中涉及到的知識點都是了解到的知識,還是需要多次查詢和除錯,還是要多寫多記錄。

jquery清空表單資料

慣例 我是溫浩然 按鈕不同,頁面相同,還需要顯示的資料不同,這裡會由於頁面的快取問題,導致,每次點開這個頁面顯示的資料相同。這不是我們想要的。這就需要清楚表單資料了。方法如下 注意!這個方法剛才試過不可以,下面的方法沒試。myform 0 reset 但是,如果有這種表單的資料,就不可以清除了,如下...

JQuery獲取form表單資料

1.首先頁面的form的所有表單元素需要增加name屬性 資料來源名稱 資料庫型別 mysql oracle 2.獲取表單資料的方式一 let json adddatasourceform serialize console.log json json 輸出 name asd type 13.獲取表...

jQuery表單提交和後台互動

要求 僅使用jquery提交表單和後台互動,不使用基於jquery的表單外掛程式 方式1 取到頁面控制項的值後拼接放在data中,傳遞到後台 頁面 一般處理程式 using system.web namespace test 密碼 username,userpwd context.response....