jQuery AJAX submit form

Question

I have with me a form with the name orderproductForm and an undefined number of inputs.

I would like to use some kind of  jQuery.get or ajax or anything like that which can call a page through Ajax, and send it along with all the inputs of the form orderproductForm.

I suppose one way would be to do something on the lines of the code mentioned below:-

jQuery.get("myurl", {
              action : document.orderproductForm.action.value, 
            cartproductid : document.orderproductForm.cartproductid.value, 
            productid : document.orderproductForm.productid.value, 
            ...

However I do not know exactly all the form inputs and is there a feature, function or something that would just send all the form inputs?

Answer 1

There is a simple input mentioned below which could be of your help:

// this is the id of the form 
$("#idForm").submit(function(e) { 

e.preventDefault(); // avoid to execute the actual submit of the form.

var form = $(this); 
var actionUrl = form.attr('action'); 
$.ajax({ 

type: "POST", 
url: actionUrl, 
data: form.serialize(), // serializes the form's elements. 
success: function(data) 
{ 
  alert(data); // show response from the php script. 
    } 
  });
});