传递给 PHP 的 JavaScript 变量

Question

我正在制作一个表格，将所选总数相加（通过复选框）。在我的 JavaScript 文件 build.js 中，总数被加在一起。在我的 PHP 页面上，代码获取在前一个表单/HTML 页面上选择的项目，并将它们传递给 PHP 页面上显示的内容。我希望能够获取通过 JavaScript 在表单页面上添加的总数，并将其作为总数列在所有选择的选项下方。

我对 PHP 和 JavaScript 的了解非常初级。这是我用这两种语言中的任何一种创建的第一个真实形式。我已经倾注了这个网站和整个互联网，并且无法获得我发现的任何工作选项。我想我只是幸运地得到了这个表格，所以如果我的代码不是很干净，我很抱歉！

任何帮助都会很棒，请尽可能具体。这是我的代码：

加总的JavaScript：

    $(document).ready(function() { 
        $("input[type=checkbox]:checked").attr("checked", false);
    function recalculate() {        
    var sum = 0;
    $("input[type=checkbox]:checked").each(function() {
        sum += parseInt($(this).attr("rel"));
    });
    $("#output").html(sum);
    }
    $("input[type=checkbox]").change(function() {
    recalculate();
    });
    });

写在显示总数的表单上的代码：

<span id="output" class="total"></span><BR><BR>

PHP页面上编写的代码：

<b>Estimate:</b>
<?php
  $aTruck = $_POST['formSelected'];
  if(empty($aTruck))
  {
    echo("You didn't select a truck.<BR><BR>");
  }
  else
  {
    $N = count($aTruck);
    echo("<h3>Truck Type: ");
  for($i=0; $i < $N; $i++)
    {
    echo($aTruck[$i] . " ");
    }}
  $aAddons = $_POST['formAddons'];
  if(empty($aAddons))
    { 
    echo("You didn't select any options."); 
    }
  else
  foreach ($aAddons as $v) 
    {
    echo "<h3> $v </h3>";
    }
?>

如果我没记错的话，我目前无法通过总数的原因是因为我在这里读到的内容：PHP 运行在服务器上，而 JavaScript 运行在用户端。因此，我的选择是以表格形式发送总数（可能作为隐藏变量，我也无法弄清楚），在 Ajax 中传递它（我不知道我所在的服务器是否能够做到这一点- 可能是这样，这都是使用错误！），或者使用 XMLHttpRequest。我已经尝试了任何我能在其中找到的任何东西，要么里面没有列出正确的变量，要么把它放在错误的位置，要么就是完全错误。

正如我所提到的，我已经在论坛上倾注了所有与此相关的内容，但我发现的任何内容都不足以让我了解一点点。在我尝试过的其他事情中：Pass a javascript variable value into input type hidden value 和 Pass Javascript Variable to PHP POST 以及使用 XMLHttpRequest，使用 Ajax，将其作为隐藏变量传递（我倾向于但认为我没有正确实现）和更多——这几乎是我昨天工作一整天所做的所有事情，所以我不想重复我的问题——我只是不知道我哪里出错了。

Answer 1

看起来你在这里碰上了它：

以表格形式发送总数（可能作为隐藏变量）

既然您是在谈论将一个页面发布到另一个页面，而另一个页面显示结果，那么这里就不需要 AJAX。您可以像使用其他任何形式一样使用表单值。本例中的“隐藏变量”实际上是一个input 元素：

<input type="hidden" name="sum" />

在您的 JavaScript 中，您在第一页上显示总和：

$("#output").html(sum);

您还可以将该总和设置为表单元素的值：

$("#output").html(sum);
$("input[name=sum]").val(sum);

只要input 与其他input 元素（如formSelected 和formAddons）在同一个form 内，那么当第一页发布到第二页时，第二页中的代码页面可以以相同的方式访问总和值：

$_POST["sum"]

Answer 2

在你的表单中，你应该像这样添加一个隐藏的输入：

<input type="hidden"  name="sum"  value="">

然后在您的 recalculate() (javasript) 函数中，您应该在计算完所有内容后更改此输入的值：

function recalculate() {        
    var sum = 0;
    $("input[type=checkbox]:checked").each(function() {
        sum += parseInt($(this).attr("rel"));
    });
    $("#output").html(sum);

    // Change the hidden input value
    $("input[name='sum']").val(sum);
}

现在，当您的表单被提交时，您应该使用一个简单的方法访问总和值，服务器端 (PHP)：

$sum = $_POST['sum'];