jquery+php が mysql にクエリを実行して自動補完機能を実装する_PHP チュートリアル

オートコンプリート機能を実装するための jquery+php クエリ mysql について、私がこのチュートリアルを書いたのは、私がこれまでに見たオートコンプリート アプリケーションのほとんどは、プログラムのソース コード パッケージを提供し、その使用方法を説明するだけであり、それがどのように機能するのか、そしてその理由を説明します。これを理解すると、このプラグインを自分のニーズに合わせてさらにカスタマイズすることができます (これについては、私のブログで他のアプリケーションについて多くの記事を書いています)。

さて、始めましょう。

JavaScript コード:

クリップボードにコピー引用コンテンツ: [www.bkjia.com] <script src="jquery-1.2.1.pack.js" type="text/javascript"></script>
<script type="text/javascript">

関数 lookup(inputString) {
if(inputString.length == 0) {
// 提案ボックスを非表示にする
('#suggestions').hide();
} else {
.post("rpc.php", {queryString: " "+inputString+""}, function(data){
if(data.length >0) {
('#suggestions').show();
('#autoSuggestionsList').html(data);
}
});
}
} //

関数 fill(thisValue) {
('#suggestions').hide();

< /スクリプト>

JSの説明:

上記のコードからわかるように、すべての操作を処理する rpc.php というファイルに接続する必要があります。

lookup 関数はテキスト入力ボックスから取得した単語を使用し、jQuery の Ajax メソッド POST を使用してそれを rpc.php に渡します。

入力文字 'inputString' が '0' (ゼロ、翻訳者の注釈: ここでは検索ボックスに入力がないことを指します) の場合、これも非常に使いやすいです。検索ボックス、何も入力していないため、提案ボックスが表示されることを期待していません。

入力ボックスにコンテンツがある場合、この「inputString」を取得して rpc.php ページに渡し、次のように jQuery の .post() 関数が使用されます。

.post(url, [データ], [コールバック])

「コールバック」部分は関数に関連付けることができ、これはデータが正常にロードされた場合にのみ実行されます。

返されたデータ (data) が空ではない (つまり、表示するものがある) 場合は、検索プロンプト ボックスを表示し、返されたデータ (data) を使用してその中の HTML コードを置き換えます。

とても簡単です！

合計 4 ページ:

前のページ

• 1
• 2
• 3
• 4
• 次のページ

http://www.bkjia.com/PHPjc/364623.html

www.bkjia.com

本当http://www.bkjia.com/PHPjc/364623.html技術記事オートコンプリート機能を実装するために mysql にクエリを実行する jquery+php に関して、私がこのチュートリアルを書いたのは、私がこれまでに見たオートコンプリート アプリケーションのほとんどが、プログラムのソース コード パッケージを提供して、それから教えてくれるだけだったからです...