jQuery AJAX提交表单

小编典典

jQuery AJAX提交表单

ajax

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

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

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

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

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

阅读 281

2020-07-26

共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())

AJAX序列化文档在这里。

2020-07-26