2011-11-11 10 views
1

私は自分のウェブサイトに検索ボックスを実装しようとしています。私のウェブサイトはログインしていることに基づいています。私は、検索ボックスに何かを入力して、それから来るドロップダウンで結果を表示することができるようにしたいと思います。mysqlデータベースを検索し、私のサイトにリアルタイムで結果を表示します

これはHow to query MySQL Database and display its search results by PHP?と重複していると思いますが、それは似ていますが、新しい文字が入力されるとリアルタイムで結果を表示できるようにしたいと考えています。

この機能は、ユーザーを検索できるFacebookの検索ボックスとよく似ています。

ありがとう、私は可能な限り明確にしようとしました。

編集:私は結果を見つけようとしましたが、それをリアルタイムで表示する方法はわかりません。 AKA:selectステートメント。名前に検索されたものが含まれているかどうかを調べます。その後、それを表示するエコー。

+1

ご質問がSOのガイドラインに該当しません。あなたは、ソフトウェア開発の原則に関するかなり詳細な教育を求めているようです。 SOは、特定のプログラミング問題に関する明確で具体的な質問をするためのものです。 http://stackoverflow.com/questions/how-to-ask –

+0

には、ajax + onkeypressが必要です。 jqueryオートコンプリートサンプルを検索します。これはリアルタイムではありません。私はあなたの質問に答えます。 – danihp

答えて

3

私はあなたが "オートコンプリート"の行に沿って何かを指していると信じています。

jQuery UI Autocompleteを参照してください。

あなたが望むのは...ユーザーが入力に何かを入力し、JavaScriptを使用して結果を表示するたびに、JavaScriptを使用してAJAXリクエストを行うことです。

0

あなたは次のことを実行する必要があります。

  1. は、入力フィールドに、各キーストロークで実行されるウェブページではJavaScriptを含めます。

  2. このjavascriptは、検索フィールドの現在の内容でサーバーにAJAXリクエストを送信する必要があります。

  3. あなたのPHPサーバーはこのリクエストを認識し、データベースに対して検索を実行し、何らかの方法(通常はJSON文字列)で結果をパッケージ化してページに返します。

  4. サーバーにAJAX呼び出しを発行したのと同じjavascriptが、サーバーから応答を受け取ったときに呼び出される関数を作成しました。このJavaScriptコードは、結果の文字列を解釈し、Webページのウィジェットを新しい情報で更新する必要があります。

これを行う方法についての情報を取得するためにAJAXとJSONで検索。さらに、このプロセスを自動化するための数多くのjavascriptライブラリがあります。 jQueryとAJAXを検索して始めましょう。

関連する問題