양식 제출 후 jQuery 부분 페이지 새로 고침

Question

jQuery를 사용하여 양식을 제출할 때 제출 된 결과 페이지를 다른 HTML 요소 안에 배치 할 수 있습니까?

나는 이것을 더 명확하게하려고 노력할 것이다. 지금까지는 양식이 새로운 정보로 업데이트되어 새로 고쳐 져야 할 때마다 다른 사람들과 수행하는 콜백 메서드를 사용했습니다.

document.forms['form'].submit(); 

그러나 전체 페이지 새로 고침이 발생합니다. 나는 페이지가 아직 완전히 새로 고침으로 작동하지 않습니다 그러나

var newContent = jQuery('#form').submit(); 
jQuery('#div').load(newContent); 

, 같은 부분 페이지 jQuery를 사용하여 새로 고침 뭔가를 사용하여 생각을 구현하고있다. 내용은 정확하지만 행동은 이전과 똑같은 것 같습니다. 그래서 jQuery로 실제로 원하는 것이 가능한지 확실하지 않습니다. 힌트와 포인터가 도움이 될 것입니다.

감사합니다.

Answer 1

당신이해야 할 일은 ajax 메서드 중 하나를 사용하여 양식을 게시하고 success 콜백 내의 요소에 출력을 주입하는 것입니다. 예를 들어 :

$("#submit").click(function() { 
    $.post($("#form").attr("action"), $("#form").serialize(), function(html) { 
     $("div.result").html(html); 
    }); 
    return false; // prevent normal submit 
}); 

는 $.post에서 봐, 그리고 $.ajax

Answer 2

질문은 명확하지 않다. jquery ajax를 사용하여 dom 요소를 업데이트하는 더 좋은 방법을 찾으려면 jquery ajax API를 이해하는 데 더 많은 시간을 할애해야합니다.

아약스 호출로 인해 DOM 바인딩 이후 작동하지 않는 이벤트 바인딩에 대해 이야기하는 경우 이벤트 API의 Jquery 라이브/다이 메서드를 참조하십시오.