Wednesday, 3 May 2017

javascript - jQuery AJAX submit form



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



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



I suppose one way would be to do something like




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. Is there a feature, function or something that would just send ALL the form inputs?


Answer



You can use the ajaxForm/ajaxSubmit functions from Ajax Form Plugin or the jQuery serialize function.




AjaxForm:



$("#theForm").ajaxForm({url: 'server.php', type: 'post'})


or



$("#theForm").ajaxSubmit({url: 'server.php', type: 'post'})



ajaxForm will send when the submit button is pressed. ajaxSubmit sends immediately.



Serialize:



$.get('server.php?' + $('#theForm').serialize())

$.post('server.php', $('#theForm').serialize())



AJAX serialization documentation is here.


No comments:

Post a Comment

c++ - Does curly brackets matter for empty constructor?

Those brackets declare an empty, inline constructor. In that case, with them, the constructor does exist, it merely does nothing more than t...