몇 개의 탭이있는 페이지가 있습니다. 사용자가 탭을 클릭하면 각 탭의 데이터가 아약스 응답으로 표시됩니다.AJAX 응답에서 양식 이국적인 동작을 직렬화 하시겠습니까?
Tab1 Tab2 Tab3
페이지로 이동하는 동안 Tabl을 해당 직렬화 양식의 Ajax 응답으로로드합니다.
페이지가로드 된 후 양식 편집 후 양식 데이터를 저장하기위한 변경 사항이 있는지 확인하십시오.
* 다시 양식을 serialize하고 이전 양식과 새 양식을 비교합니다.
잘 작동합니다. 하지만 다른 Tab로 이동하여 Tab1로 돌아 가면 직렬화가 예상대로 작동하지 않습니다.
나는 계속 경계하고 체크했다. Orizinal 양식 데이터 직렬화 및 새로운 양식 또한 직렬화 및 검사.
짝수 데이터는 동일하지만,
_sourcePage param
의 값이 다릅니다.
왜 이런 이상한 행동을하고 있는지 모르겠습니다.
도와주세요.
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();
}});
}
자바 스크립트 코드, 관련 HTML 부분은 무엇입니까? – ElmoVanKielmo
탭이 전환 된 후에 다른'새 직렬화 된 '형식으로 하나의'오래된 직렬화 된 형식'을 비교하는 것처럼 보입니다. 그러나 확실하지 않습니다. HTML이 아닌 탭을 전환하는 처리기가 표시되지 않습니다. 어쨌든 나는 이것을 시작하지만 점검 할 것입니다. – ElmoVanKielmo
@ElmoVanKielmo 나는 ready 메소드에서 form을 serialize하고 있는데, 얼마 후에 다시 serialize하고 비교한다. 나는 Jquery tab switching을 사용하고있다. –