联系表格 7 未使用 Ajax 提交答案

【问题标题】：Contact Form 7 not submitting using Ajax联系表格 7 未使用 Ajax 提交
【发布时间】：2021-05-11 16:52:35
【问题描述】：

我有一个使用简码插入模板的表单

<?php echo do_shortcode('[contact-form-7 id="370" title="Contact form 1"]') ?>

我正在尝试设置一个事件，以便在提交表单时可以将用户重定向到另一个页面。我正在使用以下内容；

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
  location = 'http://example.com/';
}, false );
</script>

问题是，当您提交表单时，整个页面都会重新加载，因此不会触发事件，因为表单不是通过 ajax 调用提交的。

这是我第一次尝试将表单集成到 Wordpress 中，所以我想我可能遗漏了一些东西。 Chrome 的开发者控制台中没有错误。

【问题讨论】：

【解决方案1】：

在您的主题（检查 functions.php）或 wp-config.php 文件中的某处，您需要查找并删除以下内容：

functions.php

add_filter( 'wpcf7_load_js', '__return_false' );

config.php

define( 'WPCF7_LOAD_JS', false );

这些行会阻止 CF7 的默认行为。

【讨论】：

我检查了functions.php和config.php，这两行代码都不存在。
也许您安装了另一个插件来执行此操作？联系表单 7 默认为 Ajax 提交，除非它被故意关闭。
唯一安装的插件是contact form 7、ACF Pro、Reading Time WP、WP user Avatar、Yoast Duplicate Post和Yoast SEO。所有非常标准的东西。

【解决方案2】：

我的主题不见了；

添加解决了问题。

【讨论】：