Question

我正在尝试使用数据库中的数据生成建议而不刷新页面，因为用户在下面的输入字段中键入了一些数据。 AJAX对我来说是一个很新的东西，我一直试图弄清楚我在哪里出错了很长一段时间。似乎下面的代码根本没有返回任何结果。我感谢任何帮助。

我的标记：

<head>
<title>Test</title>

<script type="text/javascript">
    function search(searchword) {
      $('#suggestion').load('invoice-get-data.php?searchword=' + searchword);
    }
</script>
</head>
<body>

<div class="prod-name">
    <!-- As user input data, call search function, and narrow down results on every keystore -->
    <input onKeyPress="search(this.value)" type="text" id="prod-name"/>
    <div id="suggestion"></div>
</div>

</body>

AJAX到目前为止：

<?php   
    $conn = mysql_connect('localhost', 'root', 'mypassword');

    if(!$conn){
        die('Error: Unable to connect.' . '<br>' . mysql_error());
    }

    mysql_select_db("mydb", $conn);

    $searchword = $_GET['searchword'];

    $results = mysql_query("SELECT * FROM products WHERE prod-name LIKE '$searchword'") or die(mysql_error());


    while($row = mysql_fetch_array($results)){
        echo $row['prod-name'] . '<br/>';
    }


?>

Answer 1

对于初学者来说，“onchange”事件在文本框失去焦点之前不会触发（意味着光标离开文本框）。您可能正在寻找像onkeyup或onkeypress这样的键盘事件。

生成搜索建议作为数据输入到输入字段中

1 个答案: