jQuery AJAX提交表单

一尘不染

jQuery AJAX提交表单

javascript

我有一个带有名称orderproductForm和未定义输入数量的表单。

我想做某种jQuery.get或ajax或类似的事情，它将通过Ajax调用页面，并发送表单的所有输入orderproductForm。

我想一种方法是做类似的事情

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

但是我不完全知道所有的表格输入。是否有仅发送所有表单输入的功能部件或功能？

阅读 368

2020-04-22

共1个答案

一尘不染

您可以使用Ajax表单插件中的ajaxForm /ajaxSubmit函数或jQuery序列化函数。

AjaxForm ：

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

要么

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

ajaxForm将在按下提交按钮时发送。ajaxSubmit立即发送。

序列化 ：

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

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

2020-04-22