2013-06-25 3 views
0

몇 개의 탭이있는 페이지가 있습니다. 사용자가 탭을 클릭하면 각 탭의 데이터가 아약스 응답으로 표시됩니다.AJAX 응답에서 양식 이국적인 동작을 직렬화 하시겠습니까?

Tab1 Tab2 Tab3 

페이지로 이동하는 동안 Tabl을 해당 직렬화 양식의 Ajax 응답으로로드합니다.
페이지가로드 된 후 양식 편집 후 양식 데이터를 저장하기위한 변경 사항이 있는지 확인하십시오.
* 다시 양식을 serialize하고 이전 양식과 새 양식을 비교합니다.
잘 작동합니다. 하지만 다른 Tab로 이동하여 Tab1로 돌아 가면 직렬화가 예상대로 작동하지 않습니다.
나는 계속 경계하고 체크했다. Orizinal 양식 데이터 직렬화 및 새로운 양식 또한 직렬화 및 검사.
짝수 데이터는 동일하지만,
_sourcePage param의 값이 다릅니다.
왜 이런 이상한 행동을하고 있는지 모르겠습니다.
도와주세요.

Snapshot is i가 사용하고 어떤 코드가
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(); 
    }}); 
} 
+0

자바 스크립트 코드, 관련 HTML 부분은 무엇입니까? – ElmoVanKielmo

+0

탭이 전환 된 후에 다른'새 직렬화 된 '형식으로 하나의'오래된 직렬화 된 형식'을 비교하는 것처럼 보입니다. 그러나 확실하지 않습니다. HTML이 아닌 탭을 전환하는 처리기가 표시되지 않습니다. 어쨌든 나는 이것을 시작하지만 점검 할 것입니다. – ElmoVanKielmo

+0

@ElmoVanKielmo 나는 ready 메소드에서 form을 serialize하고 있는데, 얼마 후에 다시 serialize하고 비교한다. 나는 Jquery tab switching을 사용하고있다. –

답변

0

이가 아니라 잘 포맷 된 HTML 지그재그로 인해 발생 .. 내가
를 사용했다 다른 양식으로 .. ..이 원인이 ..
나는 그것을 제거 .. 그것은 예상대로 작동했다 ..