提交后防止页面重新加载

Question

我正在使用 WordPress Gravity Forms 插件。我将表单加载到 jquery 对话框中，我希望在提交表单后关闭对话框而不是重新加载页面。

但是，我不知道是否可以将 preventDefault() 添加到 submit() 事件中。或者如果有一个选项不重新加载重力形式中的页面。

请告诉我一个可能的实现方法。

Answer 1

您是否选中了启用 AJAX 选项？

查看 https://web.archive.org/web/20150415003507/http://www.gravityhelp.com:80/documentation/gravity-forms/user-guides/getting-started/embedding-a-form/：这将在不刷新页面的情况下提交您的表单。

然后只需在提交事件中关闭对话框即可！

Answer 2

您可以尝试定位一个不可见的 iframe。

<form action="this_action.php" method="post" target="iframe">
  <input type="submit" value="Submit" />
</form>

<iframe name="iframe" style="position: absolute; visibility: hidden"></iframe>

提交后防止页面重新加载

Prevent page reload after submission

javascript

wordpress

jquery

gravity-forms-plugin