php - ウェブサイトのインスタント検索

Question

Web サイトのインスタント検索を手配する必要があります (Google Instant など)。ユーザーが入力しているときに、スクリプトは結果を提案する必要があります。私が理解したように、php + html + javascriptが必要です。提案、リンク、または役立つものはありますか?

前もって感謝します

Answer 1

記事ごとにタグを設定するか、ex. サイトのすべてのカテゴリを検索します。

フロントエンドのコード例:

        // index.html

        // ajax
        <script type="text/javascript">  
            function loadXML(query) {
                $.ajax({  
                    type: "POST",  
                    data: ({ajaxSearch : query.value}),  
                    url: 'search.php',
                    success: function(data) {  
                        $('#searchcontainer').html(data);  
                    }  
                }); 
        </script>

        // html
        <input type="text" id="ajaxSearch" onkeyup="loadXML(this);" />
        <div id="searchcontainer"></div>

Answer 2

これは通常、AJAX を使用して行われます。http://www.w3schools.com/php/php_ajax_livesearch.asp

Answer 3

そのためには、膨大な量のインデックス作成が必要です。ほぼすべてのキーワードをインデックス化し、各キーワードの検索結果を保存する必要があります。データベースでこれほど高速にライブ検索を実行できる方法はありません。適切なインデックスを取得したら、JQuery の .keypress 関数を使用して、ユーザーが何かを入力しているかどうかを検出できます。ユーザーが何かを入力したら、検索クエリをサーバーに送信し、結果をフェッチして、javascript を使用して表示できます。

Answer 4

jQuery UI オートコンプリートで試してみてください。セットアップは簡単で、必要なものを実装するのはかなり簡単です。

http://jqueryui.com/demos/autocomplete/

検索用のデータは、次のような文字列の配列になります。

[ "tag1", "tag2", "tag3" ... ]

そのため、データベース クエリを実行 (または手動で検索語を設定) し、それに基づいて配列を設定する必要があります。