ajax 요청을 통한 html 양식 제출?

Question

가능한 중복 :
jQuery AJAX submit form

내가 페이지 A의 형태를 가지고 있고, 대신에 저를 새 페이지에 게시에, 내가 할 수있는 방법이 onSubmit 아약스 요청을 대신? 결과를 div에로드 할 수 있도록 페이지를 만들고 싶습니다.

전화 정렬을위한 스크립트를 작성하는 방법을 알고 있지만 모든 양식 정보를 가져 와서 모든 코드를 작성하지 않고 보낼 수 있다면 작성해야하는지 잘 모르겠습니다. 속성으로. 난 그냥 일종의 일을 할 수있는 생각 : onClick, 양식을 게시하지만 div에 결과를 반환합니다.

생각하십니까? 아이디어?

Answer 1

$.ajax({ 
url: 'mypage.html', 
success: function(data){ 
    $('.result').html(data); 
}, 
error: function(){ 
    alert('failure'); 
} 
}); 

는 사업부가 있습니다

<div class="result"> </div> 

이 자동으로 채워집니다를 아약스 게시 결과로

http://api.jquery.com/jQuery.post/

또한 관련 질문의 톤을 참조하십시오 Jquery checking success of ajax post

Answer 2

시도 jQuery의 serialize (API 심판 here)

를 사용하여 편집 : 이런 식으로 뭔가 :

$("input.submit").click(function() { 
    $.ajax({ 
     type: "POST", 
     url: $("form").attr('action'), 
     data: $("form").serialize(), 
     success: function(response) { 
     //Code to process the response 
     } 
    }); 
    return false; 
    }); 

그런