Submitting an HTML form to PHP using JQuery AJAX

Question

I was wondering if there was a succinct way to submit a form to my backend with JQuery AJAX (async). What I mean, more specifically, is:

HTML Form:

<form method="post" action="/Intranet/Resources/Forms/WorkOrder.php">
    <input type="text" name="notes[]" />
    <input type="text" name="notes[]" />
    ...
    <!-- a whole bunch more input fields here -->
</form>

This form is pretty awkward to separate into a bunch of variables with JQuery. I don't want the user to be redirected away from the page - I want the form to submit asynchronously. It's actually a save button...

Would it be better to screw it and just use JSON?

genesis · Accepted Answer · 2011-07-13 17:25:13Z

4

$(function(){
    $("form").submit(function(){
        $.ajax({
            url:"save.php",
            type:"post",
            data:$(this).serialize(),
            success: alert('saved');
        });
    });
});

answered Jul 13, 2011 at 17:25

genesis

51.1k20 gold badges99 silver badges127 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Adam Hopkinson · Accepted Answer · 2011-07-13 17:23:48Z

1

You can use $('form').serialize() to serialize a form. The result (for your form) would be:

notes=val1&notes=val2

http://api.jquery.com/serialize/

answered Jul 13, 2011 at 17:23

Adam Hopkinson

28.9k9 gold badges74 silver badges105 bronze badges

Comments

calumbrodie · Accepted Answer · 2011-07-13 17:23:50Z

1

jQuery Serialize...

Encode a set of form elements as a string for submission.

http://api.jquery.com/serialize/

Use it like so....

$.post("test.php", $("#testform").serialize());

answered Jul 13, 2011 at 17:23

calumbrodie

4,8025 gold badges39 silver badges64 bronze badges

Collectives™ on Stack Overflow

Submitting an HTML form to PHP using JQuery AJAX

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related