jQuery에서 여러 양식 게시/제출

Question

페이지에 두 개의 양식이 있습니다 (하나는 AJAX에서 가져온 것입니다). 둘 다 게시해야하므로 첫 번째 항목을 보내기 전에 두 번째 항목을 serialize하고 jQuery를 사용하여 게시물로 보내십시오. 그러나 첫 번째 양식 만 게시 될 것으로 보입니다. 그러나 이상한 점은 직렬화 된 게시물 이후에 경고를 보내면 예상대로 작동한다는 것입니다. 내 문제는 정확히 여기 무엇입니까?

$("#submit").livequery('click', function() { 
    var form = $("#second_form"); 
    var action = form.attr("action"); 
    var serialized_form = form.serialize(); 
    $.post(action, serialized_form); 

    //alert('test'); 

    $("#first_form").submit(); 

    return false; 
}); 

두 가지 양식을 게시하고 단추 누르기에서 새 페이지로 리디렉션하는 더 좋은 방법이 있습니까? 위의 방법을 사용하여 두 가지를 게시하고 페이지를 변경하기 위해 window.location을 사용했지만 비슷한 문제가있었습니다.

감사합니다.

Answer 1

"second_form"게시물의 콜백에서 "first_form"을 제출해보십시오. "first_form"을 제출하면 두 번째 게시물이 중단되는 페이지가 언로드됩니다. "second_form"콜백에서 "first_form"의 게시물을 수행하면 두 번째 게시물이 시작되기 전에 초기 게시물이 완료되었는지 확인할 수 있습니다.

$("#submit").livequery('click', function() { 
    var form = $("#second_form"); 
    var action = form.attr("action"); 
    var serialized_form = form.serialize(); 
    $.post(action, serialized_form, submit_first); 
}); 

function submit_first(val) { 
    $("#first_form").submit(); 
}