联系表格 7 发布到 url，而不是通过 ajx 发布答案

【问题标题】：Contact form 7 is posting to a url instead of posting via ajx联系表格 7 发布到 url，而不是通过 ajx 发布
【发布时间】：2012-11-02 19:06:40
【问题描述】：

我在右侧使用联系表格 7 插件 (http://www.brazendev4.com/Cadental/)。当我按下提交按钮时，页面回帖到 url 并刷新，但通常它通过 ajax 发布并且页面不会刷新。任何帮助将不胜感激。

提前谢谢...

【问题讨论】：

【解决方案1】：

如果您打算使用 ajax/js 来处理表单，您可能应该在表单元素中有一个空的 action 属性。

例如

<form action="" method="post" class="wpcf7-form">

尝试使用 submit 元素的 onclick 属性调用关联的 javascript 函数来处理并通过 ajax 发布到“/Cadental/#wpcf7-f14-w1-o1”。

例如

<input type="submit" value="Submit" onclick="MyJavascriptFunction(this.form)" class="wpcf7-form-control  wpcf7-submit text2">

我的猜测是，在您的 javascript 有时间处理表单之前，DOM 将发布到 action="/Cadental/#wpcf7-f14-w1-o1" 并重新加载页面。

我看到你在你的页面中使用了 jQuery，所以使用他们的序列化表单函数来处理你的表单应该很容易。 http://api.jquery.com/serialize/

祝你好运！

【讨论】：

【解决方案2】：

最好的办法是查看其他插件甚至您正在使用的主题，确保没有与 CF7 冲突，因为 CF7 因与您使用的其他 javascript 冲突而臭名昭著。

查看docs，他们可能会提供帮助。

否则，如果表单的编辑能力不重要，我什至建议构建自己的表单并通过 AJAX 提交。

有很多资源、技巧和提示可以做到这一点。

【讨论】：