Question

我会直言不讳。

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

这是我到目前为止的所作内容： html＆amp; 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>

以下是＆＃39; attending.php ＆＃39;要将选择发送到的页面：

            <?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);
            ?>

我已经从＆＃34;。$ q更改了sql。＆＃34;一个明确的选择 - 比如CMA - 并且它有效，所以我知道问题来自于发送q。

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

干杯。

Answer 1

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

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

Answer 2

我会建议两个三件事：

一个。）
更改目标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'];

Answer 3

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

AJAX不发送参数

3 个答案: