将PHP变量传递给Javascript将不起作用

我的站点有两个不同的页面，我们把它们称为page1和page2。在第一页，我有一个HTML表单，它处理一些信息。然后我有一个php文档将这些信息处理成一个.txt文件。然后我在我的第2页上有一个图像，这个图像我想根据一个特定的变量来改变。这个变量在php脚本中设置，它检查某个值是否正确，然后将这个特定变量设置为1或2。然后，如第2页所述，我有一个图像，我想根据php变量是1还是2进行更改。我试图通过第2页上的javascript获取php变量，然后首先显示它，以确保获得正确的值。但是当我这么做的时候，我得到的是空值，几乎什么都没有发生。它加载页面，但不显示任何内容。请记住，当我说pages等时，这是因为page1是一个HTML文档，page2是另一个HTML文档，当然php函数是一个单独的php文档

HTML页面1，用户可以从下拉菜单中选择 我用来传递值和变量的php文件 我在第2页html上使用的代码

---

一个变量只存在于程序中，它似乎存在于程序中

单独的HTML文档不是同一个程序。这根本不是一个程序

---

如果要使用该变量，则需要从该PHP程序生成第2页的内容。

发布结果：var imgNumber=；如果你做得不正确，请尝试寻找一个简单的AJAX教程，因为web上有数百个页面。如果第2页是.html，则不能将PHP放在上面。另外，PHP变量来自哪里？它们不只是从一个文件传递到另一个文件。如果变量是一个数字，则不需要使用json_编码，只需要用于更复杂的结构，如数组或对象。谢谢你的回答，我实际上不知道我能够将其全部放在一个代码中。我已经弄明白了，现在可以用了。非常感谢你的帮助。

<div id="sKind">
     <select border="0" size="1" name="produKind" id="cSK" data-selected="" required="">
        <option value="">enter color</option>
        <option value="white">White</option>
        <option value="black">Black</option>
    </select>
    </div>

<?php

    $field_skind = $_POST['produKind'];

    $imgShow = 1;
    if ($field_skind == white){
      $imgShow = 1;
    } else if ($field_skind == black) {
      $imgShow = 2;
    }
    echo json_encode($imgShow);
?>

<script>

var imgNumber = <?php echo json_encode($imgShow)?>;

document.getElementById("insert").innerHTML = imgNumber;

</script>

<p id="insert"></p>