AJAX 不发送参数答案

【问题标题】：AJAX not sending parameters overAJAX 不发送参数
【发布时间】：2015-07-06 10:04:02
【问题描述】：

我会直奔主题。

我有一个列表，其中显示了数据库中已确认他们将参加比赛的每个人。我希望根据从选择框中选择的组来更改列表。

这是我目前所拥有的：html & AJAX

            <html>
            <head>
            <script>
            function showUser(str) {
                if (str == "") {
                    document.getElementById("attendYes").innerHTML = "";
                    return;
                } else { 
                    if (window.XMLHttpRequest) {
                        // code for IE7+, Firefox, Chrome, Opera, Safari
                        xmlhttp = new XMLHttpRequest();
                    } else {
                        // code for IE6, IE5
                        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                    }
                    xmlhttp.onreadystatechange = function() {
                        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                            document.getElementById("attendingYes").innerHTML = xmlhttp.responseText;
                        }
                    }
                    xmlhttp.open("GET","attending.php?q="+str,true);
                    xmlhttp.send();
                }
            }
            </script>
            </head>
            <body>

            <form>
            <select name="users" onchange="showUser(this.value)">
              <option value="">Select a group:</option>
              <option value="CMA">CMA</option>
              <option value="CM1">CM1</option>
              <option value="CP2">CP2</option>
              <option value="CBBC">CBBC</option>
              </select>
            </form>
            <br>
            <div id="attendYes"><b>Person info will be listed here...</b></div>

            </body>
            </html>

这里是选择要发送到的“attending.php”页面：

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

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

            mysqli_select_db($con,"handsomejack_co_forms");
            $sql="SELECT * FROM stats WHERE activity='".$q."' AND attend='0' ORDER BY username ASC";
            $result = mysqli_query($con,$sql);

            echo "<table>
            <tr>
            <th>User</th>
            </tr>";
            while($row = mysqli_fetch_array($result)) {
                echo "<tr>";
                echo "<td>" . $row['username'] . "</td>";
                echo "</tr>";
            }
            echo "</table>";
            mysqli_close($con);
            ?>

我已将 sql 从“.$q”更改。到一个明确的选择 - 比如 CMA - 它有效，所以我知道问题来自发送 q。

关于可能是什么问题的任何想法？

干杯。

【问题讨论】：

你用调试器检查过传递给 js 函数的内容吗？
document.getElementById("txtHint")是不是这里的id错了？
@Jai 我的错，我已经改变了，但由于某种原因复制了旧版本！已编辑以供将来参考。

标签： php jquery mysql ajax

【解决方案1】：

我建议两三件事：

答）
更改目标 div 的 id。因为你有attendYes，你正在使用txtHint。

B.) @js
您可以尝试在.send() 中发送查询，如下所示。

xmlhttp.open("GET","attending.php",true);
xmlhttp.send("q=" + encodeURIComponent(str));

C.) 和@php：

你不应该使用intval()，虽然我不是很擅长 php，但根据文档，它是另外一回事。所以我建议你改变这个：

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

对此：

$q = $_GET['q'];

【讨论】：

谢谢 Jai，它是 intval() - 仅用于整数，当我将选择名称更改为单词时忘记删除它。
@HandsomeJack 欢迎您，也很高兴为您提供帮助。
嘿，我知道这与上述问题无关，但如果我想将其用于其他两个选项，我应该怎么做呢？即上面的示例显示了保存为参加者的列表，我想生成未参加且未确认的列表。（我们可以把它移到聊天中吗？）

【解决方案2】：

没有像document.getElementById("txtHint") 这样的元素。用正确的更新它：

document.getElementById("attendYes").innerHTML = xmlhttp.responseText;

【讨论】：

嘿，对不起，我把错误的版本复制到了代码中。我已经改变了它，因此为什么当我使用定义的组而不是尝试使用“q”时会填充列表。还有其他想法吗？

【解决方案3】：

你为什么不使用 Jquerys $.ajax 方法来代替。它更容易实现，并且可以在所有主要浏览器中运行。

【讨论】：