提交后立即检索wordpress联系人表格7数据

Question

我使用联系表格7作为表单建设者。当用户提交表单时，在单击submit按钮后，应该打开一个新窗口，显示他提交的所有数据。有什么解决办法吗？

我希望用户在新选项卡中提交数据，这样他就可以查看提交的详细信息。

Answer 1

您可以使用Contact 7自定义DOM 事件获取提交的数据并将其输出到新的窗口中。

试试这个javascript代码。测试和工作。

document.addEventListener('wpcf7submit', function (event) {
    var inputs = event.detail.inputs;
    var output_html = '';
    for (var i = 0; i < inputs.length; i++) {
        output_html += inputs[i].name + ' : ' + inputs[i].value + '</br>';
    }
    var newWindow = window.open();
    newWindow.document.write(output_html);

}, false);

或者将其添加到主题的function.php中

add_action('wp_footer', 'ze_cf7_data_in_new_tab');
function ze_cf7_data_in_new_tab(){
    ?>
        <script>
            document.addEventListener('wpcf7submit', function(event) {
                var inputs = event.detail.inputs;
                var output_html = '';
                for (var i = 0; i < inputs.length; i++) {
                    output_html += inputs[i].name + ' : ' + inputs[i].value + '</br>';
                }
                var newWindow = window.open();
                newWindow.document.write(output_html);

            }, false);
        </script>

    <?php
    }