ansaurus

Question

Answer 1

A:

If you have your html set up so that the form works all on its own, then it will act just as a normal form without the jquery. So take out the action attribute from the html, and change your jquery to:

url: your-submit-file.php,

If that doesn't work, try:

jQuery(document).ready( function($) { var $form = $('#default_contact');

$form.submit( function(event) {
    $.ajax({
        type: 'POST',
        url: your-submit-file.php,
        data: $form.serialize(),
        success: function( response ) {
            console.log( response );
        }
    });
    event.preventDefault;
    return false;
});

Also, have you tried jQuery's $.post() ? It's much easier to use...

Tim 2010-04-27 16:13:36

Answer 2

+1 A:

your code works fine if html is setup right. here's my test html (with php), so you can compare to your own.

<?php
if (!empty($_POST)) {
  die("<pre>" . print_r($_POST, true) . "</pre>");
}
?>
<html>
<head>
  <title>ajax submit test</title>
  <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
  <script type="text/javascript">
    jQuery.noConflict();
    jQuery(document).ready( function($) {
    var $form = $('#default_contact');

    $form.submit( function() {
        $.ajax({
        type: 'POST',
        url: $form.attr( 'action' ),
        data: $form.serialize(),
        success: function( response ) {
            alert(response);
        }
        });

        return false;
    });
    });
  </script>
</head>
<body>
  <form id="default_contact" action="formsubmit.php" method="post">
    <input type="hidden" value="123" name="in1" />
    <input type="hidden" value="456" name="in2" />
    <input type="submit" value="send" />
  </form>
</body>
</html>

parserr 2010-04-27 16:26:14

Turned out to be something really stupid - the jQuery library code wasn't being included. It was in a PHP conditional that was false on the page I was testing with... D'oh!

DisgruntledGoat 2010-04-27 17:01:21

ansaurus

tags:

views:

answers:

jQuery AJAX form submission not working

related questions