jQuery form posting

Question

I am using a short script to post from data to a PHP processing page.

function get(){
    $.post('data.php',{name: form.name.value},
        function(output) {
        $('#age').hide().html(output).fadeIn(1000);
        }
    );
}

This will only send one from input:

$.post('data.php',{name: form.name.value},

I am wondering how do I alter the script to send more then one ?

alex · Accepted Answer · 2010-12-02 03:37:02Z

8

function get() {
   $.post('data.php', $('form').serialize(),
     function(output){
      $('#age').hide().html(output).fadeIn(1000);
   });
}

This assumes you want to send all form inputs. Alternatively, you could replace that with an object literal such as...

{
    name: $('input[name="name"]').val(),
    age: $('#age').val()
}

edited Dec 2, 2010 at 3:37

answered Dec 2, 2010 at 0:45

alex

492k205 gold badges890 silver badges992 bronze badges

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

1 Comment

Samuel Meddows Over a year ago

Cheers mate. Very helpful and thanks for fixing up the code. I'm still getting my head around how it all works here.

RicardO · Accepted Answer · 2010-12-02 01:47:56Z

1

use id on your form fields ex: <input type="text" id="firstname"> <input type="text" id="lastname">

$.post('data.php',{"name":$('#firstname').val(),"lastname":$('#lastname').val()},function(data){
   do stuff like update the table or something..
});

answered Dec 2, 2010 at 1:47

RicardO

1,2191 gold badge14 silver badges24 bronze badges

1 Comment

Samuel Meddows Over a year ago

@ ricky Thanks a lot mate. That helped me even more with getting this script working.

Collectives™ on Stack Overflow

jQuery form posting

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related