Javascript按钮单击更改/在同一页面上创建PHP变量

Question

过去一小时我搜索了 stackoverflow 并发现了类似的问题，但尝试解决方案只给了我错误 - 可能是因为我试图在同一页面上加载它。

我尝试将值保存到 JS 中的 cookie，然后将其加载到 php 中，也尝试通过 ajax 等。

根据我的阅读，它不能只在内部完成，因为 PHP 是服务器端，而 Javascript 是浏览器端。

我目前有一个 .html 页面，其中包含一个通过 POST 发送值的表单：

form.html

<form id="calc" form name="calculator" method="post" action="/calculate.php">

解决方案不是表单，我不能有隐藏字段，因为我需要用户输入。我可以有一个形式为 yes 的单选框，然后以这种方式获取值，但这不是我的问题。我的问题是如何获取用户的输入并将其转换为表单重定向到calculate.php的页面上的php：

calculate.php

<?php 
if(isset($_POST['submit'])){
    $x= $_POST['value']; 

echo "your something:";
echo $x;
?>

Click button below for option one to do this, or click two for that, or three for something else...
<button id="one"> one </button>

<script>
$(document).ready(
    function() {
        $("#one").click(function() {
            make php value 1
});
</script>

use php value from click

所以用户已经点击了提交。然后通过他们的输入重定向到 .php 页面，然后他们可以选择按钮 1、2 或 3，例如通过 javascript on calculate.php NOT 表单。

我的问题是我需要知道在同一页面上-calculate.php，在php 中单击了哪个按钮。这样我就可以使用他们的输入并根据哪个按钮用它做不同的事情。

是否可以通过单击calculate.php 本身的按钮来设置或创建一个值，而javascript 按钮在同一页面上产生一个php 值？是否需要通过ajax从external.php页面加载？有没有其他办法？

Answer 1

PHP 选项：

<?php 
if(isset($_POST['submit'])){
    $x= (isset($_POST['one'])) ? $_POST['one'] : '';
    $y = (isset($_POST['two'])) ? $_POST['two'] : '';
    $z = (isset($_POST['three'])) ? $_POST['three'] : ''; 

echo "your something:";
echo $x;
echo $y;
echo $z;
?>

<form name="calculator" method="post">
<INPUT TYPE="RADIO" NAME="one" VALUE="1"> ONE
<INPUT TYPE="RADIO" NAME="two" VALUE="2"> TWO
<INPUT TYPE="RADIO" NAME="three" VALUE="3"> THREE
<input type="submit" value="Submit">
</form>

JS模式：

if(isset($_POST)){
    $value= (isset($_POST['value'])) ? $_POST['value'] : '';
    $previous = (isset($_POST['previous'])) ? $_POST['previous'] : '';
    //play with value and previous one
     $x = //your algorithm;

echo "your something:";
echo $x;
?>

<form name="calculator" method="post">
<button type="button" value='1'>ONE</button>
<button type="button" value='2'>TWO</button>
<button type="button" value='3'>THREE</button>
<input name='value' type='hidden' value=''>
<input name='previous' type='hidden' value='<?= (isset($x)) ? $x : ''?>'>
</form>

<script>
$(document).ready(
    function() {
        $("button").click(function() {
            $('input[name=value]').val($(this).val());
            $('form').submit();
});
</script>

use php value from click