0

ユーザーが下の入力フィールドにデータを入力すると、ページを更新せずにデータベースのデータを使用して提案を生成しようとしています。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/>';
    }


?>
4

1 に答える 1

0

手始めに、「onchange」イベントは、テキストボックスがフォーカスを失うまで（つまり、カーソルがテキストボックスの外に出るまで）発生しません。あなたはおそらくonkeyupやonkeypressのようなキーボードイベントを探しています。

于 2012-12-04T20:19:56.827 に答える