Question

i am trying to aggregate form elements into object and then send it via ajax here is the code that i start using but i cant figure out how to do the rest

$('.jcart').live('submit', function() {

});

Update 1:

html form

http://pasite.org/code/572

Update 2:

I have successfully submit the form using ajax but it still refreshes the page after submiting

this what i did

function adding(form){
$( "form.jcart" ).livequery('submit', function() {var b=$(this).find('input[name=<?php echo $jcart['item_id']?>]').val();var c=$(this).find('input[name=<?php echo $jcart['item_price']?>]').val();var d=$(this).find('input[name=<?php echo $jcart['item_name']?>]').val();var e=$(this).find('input[name=<?php echo $jcart['item_qty']?>]').val();var f=$(this).find('input[name=<?php echo $jcart['item_add']?>]').val();$.post('<?php echo $jcart['path'];?>jcart-relay.php',{"<?php echo $jcart['item_id']?>":b,"<?php echo $jcart['item_price']?>":c,"<?php echo $jcart['item_name']?>":d,"<?php echo $jcart['item_qty']?>":e,"<?php echo $jcart['item_add']?>":f}                                            
});
 return false;                                                  
}

Answer 1

jQuery has a method called .serialize() that can take all the form elements and put them into an array for just what you are trying to do. Without seeing your html, we really can’t tell you much more though.

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

Something like this might work:

$('.jcart').submit(function() {
   $.ajax({
      url : form.php,
      type : "POST",
      data : $(this).serialize(),
   });
});

Obviously it would need a little more for full functionality, but that should get you started.