来自选择表单的 Ajax 请求答案

【问题标题】：Ajax request from select form来自选择表单的 Ajax 请求
【发布时间】：2017-02-20 14:28:07
【问题描述】：

选择选择值时，我正在尝试从数据库中提取值。此选择也是从同一数据库中填充的。

需要明确的是，我是 AJAX 请求的新手，并不真正理解我做错了什么。当一个值应该出现时，我得到的只是空白。

这是我的 html 表单：

function showStock(str) {
    if (str == "") {
        document.getElementById("stockValue").innerHTML = "";
        return;
    } else {
        xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                document.getElementById("stockValue").innerHTML = this.responseText;
            }
        };
        xmlhttp.open("GET", "getstock.php?q=" + str, true);
        xmlhttp.send();
    }
}

<!DOCTYPE html>
<html>

<head>
</head>

<body>

    <?php $link=mysqli_connect( "localhost", "root", "", "cocktails"); // Check connection if($link===f alse){ die( "ERROR: Could not connect. " . mysqli_connect_error()); } ?>

    <script src='menu.js'></script>

    <form action="addstock.php" method="post">
        Product:
        <br>
        <select name="products" onChange="showStock(this.value)">
            <option value="">Select a product:</option>
            <?php $sql=m ysqli_query($link, "SELECT name FROM inventory ORDER BY name"); while ($row=$ sql->fetch_assoc()){ echo "
            <option value=\ "".$row[ 'name']. "\">" . $row['name'] . "</option>"; } ?>
        </select>
        <br> Stock Value:
        <div id="stockValue">
            <b>0</b>
        </div>

    </form>
</body>

</html>

这是我的 php 文件：

<!DOCTYPE html>
<html>

<head> </head>

<body>
    <?php
        $q = intval($_GET['q']);

        $con = mysqli_connect('localhost','root','','cocktails');
        if (!$con) {
            die('Could not connect: ' . mysqli_error($con));
        }

        $sql="SELECT * FROM inventory WHERE name = '".$q."'";
        $result = mysqli_query($con,$sql);
        $row = mysqli_fetch_array($result);

        echo $row['stock'];
        mysqli_close($con);
        ?>
</body>

</html>

【问题讨论】：

您应该检查请求是否正在处理以及返回的内容，对于 Google Chrome，您可以打开开发者工具并转到标签“网络”/对于 Firefox，您可以使用扩展 Firebug 和还导航到“网络”选项卡。执行操作并检查文件“addstock.php”的请求以及内容是什么。
我已经用测试数据库尝试了你的代码，它确实对我有用！进行更多检查，以便您可以就问题的确切原因向我们提供反馈，以便我们帮助您解决问题。
下拉列表是否显示您的 DATA 列表？
它确实@Ayyoub
imgur.com/1wMpSDO - 这是页面的初始状态； imgur.com/7QyMSz7 - 当我选择一个选项时会发生这种情况（值应该出现在 0 的位置）； imgur.com/TiAnso4 - 这是我数据库的一个条目（显然“股票”有一个非空值）； imgur.com/MfSVQ6c - 这是 chrome 开发者工具中的网络选项卡；

标签： javascript php mysql sql ajax

【解决方案1】：

嗯，这不是很明显，但你的问题是：

$q = intval($_GET['q']);

您的$_GET['q'] 是一个字符串，您将其转换为intval，因此它变为0。

因此，您的 SQL 查询一无所获。

将此行更改为$q = $_GET['q'];，它将起作用:)

【讨论】：

【解决方案2】：

从您的 php 中删除所有 HTML，我认为一切都会好起来的。您的 php 响应必须是纯文本，而不是 HTML

    <?php
    $q = intval($_GET['q']);

    $con = mysqli_connect('localhost','root','','cocktails');
    if (!$con) {
        die('Could not connect: ' . mysqli_error($con));
    }

    $sql="SELECT * FROM inventory WHERE name = '".$q."'";
    $result = mysqli_query($con,$sql);
    $row = mysqli_fetch_array($result);

    echo $row['stock'];
    mysqli_close($con);
    ?>

【讨论】：

【解决方案3】：

<?php $link=m ysqli_connect( "localhost", "root", "", "cocktails"); // Check connection if($link===f alse){ die( "ERROR: Could not connect. " . mysqli_connect_error()); } ?>

应该是..

<?php $link=mysqli_connect( "localhost", "root", "", "cocktails"); // Check connection if($link===f alse){ die( "ERROR: Could not connect. " . mysqli_connect_error()); } ?>

可能是错字，但mysqli_connect 上的空格会导致 ti 失败

这里还是一样..

<?php $sql=m ysqli_query($link, "SELECT name FROM inventory ORDER BY name");

应该是..

<?php $sql=mysqli_query($link, "SELECT name FROM inventory ORDER BY name");

【讨论】：

漂亮的眼睛，但在这里粘贴时可能是一个错字。我的代码中没有空格。 ://