2012-06-26 11 views
0

양식 제출을 통해 여러 정보를 보내려고합니다. 이 제출에 나는 false를 리턴하고 (Ajax처럼 페이지 요청을 취소하고) 폼을 닫고 싶습니다. 불행히도 가까운 것이 사실 인 것으로 보입니다. 게시 요청이 실패하지 않도록하십시오. 대화 상자가 계속 화면에 표시됩니다. 그리고 $ ("# dialog-form")을 호출하면 대화 상자 ("닫기"); false가 돌려 주어지지 않으면 페이지가 변경됩니다.jquery ui Ajax 요청에 대한 대화 취소

사람이이 문제를 해결하거나 메신저 뭔가 잘못하고 경우에 매우 도움이 될 것입니다 방법을 알고있는 경우 :

자바 스크립트 :

$('#modifyConsoleForm').submit(function(evt) { 
    $.ajax({ 
     type : 'POST', 
     url : jQuery("#modifyConsoleForm").attr("action"), 
     data : jQuery(this).serialize(), 
     dataType : "json", 
     success : function(data) { 
      hideError(); 
     }, 
     error : function(data) { 
      setError('modify of console failed'); 
     } 
    }); 
    $("#dialog-form").dialog("close"); 
    return false; 
}); 

내 대화 초기화 : 내가 가지고있는

$("#dialog-form").dialog({ 
    autoOpen : false, 
    height : 300, 
    width : 350, 
    modal : true, 

    close : function() { 
     allFields.val("").removeClass("ui-state-error"); 
    } 
}); 

또한 항상 닫는 대화 상자에서 false를 반환하려고했지만 작동하지 않는 것 같습니다. 내가 빠진 것이 있습니까?/Ajax 요청이 완료되었을 때 거짓이 수행해야합니다의에서 대화 상자를 닫기 진정한 반환

$('#modifyConsoleForm').submit(function(evt) { 

    evt.preventDefault(); 

    $.ajax({ 
     type : 'POST', 
     url : jQuery("#modifyConsoleForm").attr("action"), 
     data : jQuery(this).serialize(), 
     dataType : "json", 
     success : function(data) { 
      hideError(); 
     }, 
     error : function(data) { 
      setError('modify of console failed'); 
     } 
    }); 
    $("#dialog-form").dialog("close"); 
    return false; 
}); 

답변

0

예를 들어 변경 페이지를 중지에서는 event.preventDefault()를 사용해보십시오 성공과 오류 기능.

jax 요청을 실행하는 동안 활동 표시기를 넣고 서버에서 응답을 받으면 숨기거나 제거하여 작업이 진행되고 있음을 알 수 있습니다.