Wordpress计算器表单，无需重新提交并使用自定义字段值

Question

我目前正在尝试解决Wordpress网站上的问题。我还没有任何代码（因为我在放弃之前已经重写了4种不同的形式），所以我只想说明我想要做什么，我很确定它很简单，而且我＆＃39 ;我只是遗漏了一些东西。

我需要在前端构建一个像这样工作的表单：用户输入一些值，从下拉列表中选择一些其他值，而不是点击提交按钮，页面不会重新加载，而是计算并显示一个值（我知道如何在使用jQuery单击后显示一个值），但是将显示的值不仅使用表单输入和硬编码变量计算，还使用PHP函数get_field（）计算Wordpress自定义字段值。

问题是，如果我使用ajax从表单获取值而不重新加载页面，那些值是用javascript进行的，我需要将它们与PHP get_field（）函数一起使用。

所以，重复我打算做的事情，这样可以更快地理解：

1. 用户输入某些值的表格
2. 用户点击提交
3. 页面无法重新加载
4. 根据用户输入和自定义字段值（使用get_field（））
计算新值
5. 在提交点击时使用JQuery显示新的DIV（我知道如何执行此操作，但它很重要，因为这就是为什么不能重新加载页面的原因。）

如果你能指出我正确的方向，我将能够编码其他一切。

Answer 1

为什么不在javascript中构建页面模板时在php个变量中注入自定义字段？然后，当页面加载时，您将在javascript中获得所有可用数据。像这样：

<?php

    echo '
        <script type="text/javascript">

            var custom_field_1 = '.json_encode(get_field('custom_field_1')).';
            var custom_field_2 = '.json_encode(get_field('custom_field_2')).';

        </script>
    ';

?>