javascript - 如何在不刷新的情况下将 JavaScript/Ajax 中的选择值解析为 PHP

Question

我正在尝试从 MYSQL 数据库检索数据。

我想让Select值通过JavaScript/Ajax进入PHP，但我不知道如何解析该值POST 方法。

我的代码: HTML 选择:

<select id="valueSelectBox" name="valueSelect">
              <option value="defaultPlaceholder">Select Value</option>
              <option class="value1">Value 1</option>
              <option value="value2">Value 2</option>
              <option value="value3">Value 3</option>
              <option value="value4">Value 4</option>

            </select>

JavaScript:

<script>
$(document).ready(function() {
  $('#valueSelectBox').change(function() {
    var valueNum=$(this).val();

  $.get("php/getValue.php?valueNum="+valueNum, function(data){
      $('#show').html(data);

    });
    });
});

</script>

PHP:

<?php
        include_once('mysql_conn.php');

  $valueNum = $_POST["valueNum"];

        $sql = "SELECT * FROM `values` WHERE `valueNo` = '"$valueNum"'";
        $result = $conn->query($sql);

if ($result->num_rows > 0) {
    // output data of each row
    while($row = $result->fetch_assoc()) {
        echo "<b>Value:</b> " . $row["valueNo"];

    }
} else {
    echo "Value Not Found.";
}
?>

但是 PHP 代码 $_POST 最终变为 null。

此外，当我尝试测试它时，出现以下错误:

解析错误:语法错误，第 13 行/Applications/XAMPP/xamppfiles/htdocs/html/php/getValue.php 中出现意外的“$valueNum”(T_VARIABLE)

提前致谢。

Answer 1

您还可以使用 get 方法获取该数据。 问题在于您的 JavaScript 中传递了变量名称“valueNum”。

这是一行--> $.get("php/getValue.php?valueNum="+valueNum

但是在你的 php 脚本中你正在使用 $_POST["values"]。

这是一行--> $valueNum = $_POST["值"];

所以只需将 $_POST["values"] 更改为 $_GET["valueNum"]，它也可以工作。