jQuery – Enviar un formulario de forma asincrónica

Tengo un formulario, tales como :

<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> 

Me gustaría enviar estos datos de forma asíncrona, pasando por el jQuery función $.ajax.

EDIT :con la solución :

<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>
  • ¿Qué es exactamente lo que usted quiere saber? Usted ya sabe que usted tiene (o quiere) uso $.ajax. Supongo que usted ya ha leído su documentación. Dónde estás atascado?
  • Me gustaría saber cómo realizar la $.ajax haciendo clic en el botón «Enviar»
  • Sólo una nota al margen: el uso de la name atributo en form se deprecia como de HTML4. El id atributo debe ser utilizado en su lugar.
InformationsquelleAutor markzzz | 2011-02-13

1 Kommentar

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea