forms - 在 AJAX 响应中序列化表单外来行为？

Question

我有一个带有几个标签的页面。一旦用户单击选项卡，每个选项卡中的数据都是 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();
    }});
}

Answer 1

这是由于 zig-zag 和格式不正确的 html 造成的。
我正在使用另一种形式的表单。这导致了这个..
我删除了那个..它按预期工作..