如何将javascript变量从php传递回javascript


How to pass a javascript variable from php back to javascript

我有一个html脚本,里面有一个javascript变量,然后我将这个变量传递给一个php文件,使其递增1。我的问题是,如果我必须以某种方式保存变量,以确保它与我离开网站时的更新变量相同,我不知道如何将其传递回html文件,然后显示它,我也不知道变量在网站上是如何工作的。

html脚本:

<script type="text/javascript">
                var nrVar= 1;
                document.getElementById("nrVar").innerHTML = nrVar;
                document.getElementByID("nrVar").value = nrVar;
</script>

php脚本:

    <?php 
    $nrVar= $_POST['nrVar'];
    $nrVar= round((int)$nrVar+1);
?>

您必须将您的javascript编号保存在表单字段中,将表单发送到PHP脚本,在那里编号会增加,然后在会话中发送回。接下来是代码:

increase1.php

<?php
// GET THE NUMBER FROM PHP. THE FIRST TIME IT'S JUST 1. NEXT TIMES
// THE NUMBER COMES IN SESSION INCREASED FROM PHP SCRIPT.
session_start();
if ( IsSet( $_SESSION["increased"] ) )
     $increased = (int)$_SESSION["increased"];
else $increased = 1;
?>
<html>
  <head>
    <title>Jose Manuel Abarca Rodriguez</title>
    <script type="text/javascript">
// ASSIGN VALUE TO JAVASCRIPT VARIABLE.
var my_number = <?php echo $increased; ?>;
// SEND THE FORM TO INCREASE2.PHP.
function clik () {
document.getElementById("the_number").value = my_number;
document.getElementById("frm").submit();
}
    </script>
  </head>
  <body>
    My number is = <script type="text/javascript">document.write( my_number );</script>
    <br/>
    <button onclick="clik()">Increase my number</button>
<!-- FORM TO SEND NUMBER TO PHP. -->
    <form method="post" action="increase2.php" 
          id="frm" style="display:none">
      <input type="text" id="the_number" name="the_number"/>
    </form>
  </body>
</html>

increase2.php

<?php
session_start();
$num = (int)$_POST["the_number"];
$_SESSION["increased"] = ++$num; // !!! NEVER $num++ !!!
header("Location: increase1.php" ); // BACK TO FIRST PAGE.
?>

创建两个具有给定名称的文本文件(increase1.php和increase2.php),打开浏览器并运行localhost/inrease1.php.

假设$_POST是通过普通提交而不是AJAX请求发送的。我会使用PHP和网站的其他部分一起生成脚本来定义变量值:

<script>
var nrVar = parseInt('<?php echo $_POST['nrVar']; ?>');
</script>

这里的parseInt是为了确保我们得到整数值,$_POST清理也将是直接防止xs甚至javascript注入的好主意。