jQuery - 비동기식으로 양식 보내기

jQuery - 비동기식으로 양식 보내기

다음과 같은 폼이 있습니다.

<form action='???' method='post' name='contact'>
        <input type="text" class="inputContact" name="mittente" />
        <textarea class="textContact" name="smex"></textarea>
        <input type="submit" value="Send" />
    </div>
</form> 

이 데이터를 비동기적으로 전송하고 싶다.트러트 jQuery 함수$.ajax.

편집: 솔루션 사용:

<form name='contactForm'>
    <input type="text" class="inputContact" name="mittente" />
    <textarea class="textContact" name="smex"></textarea>
    <input type="submit" value="Send" />
</form> 

<script type="text/javascript">
$(document).ready(function() {
    $('form[name=contactForm]').submit(function(e){
        e.preventDefault();
        $.ajax({
            type: 'POST',
            cache: false,
            url: './ajax/header_ajax.php',
            data: 'id=header_contact_send&'+$(this).serialize(), 
            success: function(msg) {
                $("#boxContentId").html(msg);
            }
        });
    });     
});         
</script>

$('form[name=contact]').submit(function(){

    // Maybe show a loading indicator...

    $.post($(this).attr('action'), $(this).serialize(), function(res){
        // Do something with the response `res`
        console.log(res);
        // Don't forget to hide the loading indicator!
    });

    return false; // prevent default action

});

참조:

• jQuery 문서: 투고
• jQuery 문서: serialize

언급URL : https://stackoverflow.com/questions/4985093/jquery-send-a-form-asynchronously