Интеграция с PHP, AJAX и MySQL

Question

Я пытаюсь заставить приведенный ниже код работать так, чтобы он вызывал функцию JS для передачи значения в мой файл PHP, который будет возвращать количество значений из базы данных MySQL.Это часть задания, которое, я думаю, будет довольно простым, но я думаю, что моя проблема в обработчике событий JavaScript - как ссылаться на введенное значение?

HTML:

<form>
   <input type="text" name="users" onkeydown="showUser(this)"/>
</form>

<div id="txtHint">
    <p id="responder"><b>Person info will be listed here.</b></p>
</div>

Функция showUser ():

<script type="text/javascript">
        function showUser(str)
        {
        if (str=="")
            {
            document.getElementById("responder").innerHTML="";
            return;
            } 
        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("responder").innerHTML=xmlhttp.responseText;
                }
            }
        xmlhttp.open("GET","php/student_query.php?q="+str,true);
        xmlhttp.send();
        }
    </script>

PHP:

<?php
$q=$_GET["q"];
// Step 1
$conn = mysql_connect("localhost", "root");
// Step 2
mysql_select_db("collegeData", $conn);
//Step 3

$sql="SELECT * FROM studenttable WHERE studentID = '".$q."'";
$result = mysql_query($sql);

// Step 4
while ($row = mysql_fetch_array($result))
{
// Step 5
echo "Hello $row[firstName] $row[lastName]<br/>";
echo "Your two course modules are $row[moduleNo1] and $row[moduleNo2]<br/>";
echo "<tr><td> $row[firstName]</td><td> $row[lastName] </td> <td> $row[studentID] </td> </tr>";
echo "<br/>";
}
// Step 6
mysql_close($conn);
?>

Как я уже сказал, я думаю, что моя проблема в обработчике событий, я не очень хорош в JS.Буду признателен за любую помощь, спасибо.

Answer 1

Похоже, вы отправляете элемент ввода в вашу функцию, а не ее значение.Попробуйте

<input type="text" name="users" onkeydown="showUser(this.value);" />

Кроме того, вы должны защитить свой запрос к базе данных от защиты, изменив свой PHP на

$q = mysql_real_escape_string(trim($_GET["q"]));
if($q == "")
{
    echo "";
    exit;
}