我有一个带有几个标签的页面。一旦用户单击选项卡,每个选项卡中的数据都是 ajax 响应。
Tab1 Tab2 Tab3
进入页面时,我们以序列化形式加载带有 ajax 响应的 Tabl。
页面加载后,编辑表单然后检查是否有任何更改以保存表单数据。
* 再次序列化表格并比较新旧表格。
它工作正常。但是,如果我移动到其他选项卡并返回到 Tab1,则序列化无法按预期工作。
我保持警惕并检查了它。原始表格数据序列化和新表格也序列化和检查。
即使数据是相同的,但
_sourcePage param
具有不同的价值。
我不知道为什么它会出现这种奇怪的行为。
请帮我。
Edit:
我正在使用的代码是:
$(document).ready(function () {
originalSerializedForm = $("#Tab1").serialize();
});
function saveDataWhenFormChanged()
{
var newSerializedForm = $("#Tab1").serialize();
if(originalSerializedForm && newSerializedForm && newSerializedForm != originalSerializedForm){
alert('Original Form :'+originalSerializedForm+'\n'+'New Form :'+newSerializedForm);
$.ajax({
url : url,
data : newSerializedForm,
dataType: "html",
type : "POST",
beforeSend: function(){
openLoadingPopup();
}});
}