Jquery提交表单而不重定向

Question

我有一个HTML格式：

<form method="post" action="apiCalls.php">
    <input type="hidden" name="token" value="ghf823y932yd928u">
</form>  

我想提交此表单（以便将请求发送到php脚本）但不重定向页面。我尝试过很多东西，比如$ .post，$ .ajax，form.submit阻止默认值等，但没有解决我的问题。

Answer 1

你想要的是一个ajax请求

1. 从表单中获取所有值并将其放入字典中。请参阅Serialize form data to JSON
2. 然后使用apiCalls.php并将这些值发送到// getFormData is defined in the referenced SO post data = getFormData($("form")) $.post("apiCalls.php", data) 。

像

这样的东西

{{1}}

Answer 2

您可以使用Ajax Form Plugin或jQuery serialize function中的ajaxForm / ajaxSubmit函数。

<强>给ajaxForm ：

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

<强>序列化：

$.post('apiCalls.php', $('#formID').serialize())

另请查看以下资源：

1. AJAX serialization documentation。
2. jQuery AJAX submit form