この記事では、jquery ui のオートコンプリート プラグインをバックエンド PHP と組み合わせて使用し、データ ソースは PHP を通じて mysql データ テーブルのデータを読み取ります。
XHTML
まず、jquery ライブラリと関連する ui プラグイン、および css をインポートします。
リーリーjQuery ui プラグインは、公式 Web サイトからダウンロードできます: www.jqueryui.com
次に、本文に入力ボックスを書きます。
リーリーjQuery
リーリーオートコンプリートプラグインを呼び出すと、データソースがsearch.phpから来ていることが一目でわかります。ユーザーが1文字を入力すると、データソースが呼び出されます。オートコンプリート プラグインは、いくつかの構成可能なパラメーターを提供します。
disabled: ページのロード後に無効にするかどうか。デフォルトは false です。これを true に設定する必要はありません。
appendTo: 入力中にドロップダウン プロンプト ボックスに要素を追加します。デフォルトは「body」です。
autoFocus: デフォルトは false で、true に設定すると、最初のドロップダウン プロンプト ボックスが選択されます。
遅延: データをロードするときの遅延時間。デフォルトはミリ秒単位で 300 です。
minLength: 文字数を入力すると、ドロップダウン プロンプトが表示されます。デフォルトは 1 です。
position: ドロップダウン プロンプト ボックスの位置を定義します。
source: データ ソースを定義します。この例では、データ ソースは search.php をリクエストすることで取得されます。
autocomplete には多くのイベントとメソッドも用意されています。詳細については、公式 Web サイトを参照してください: http://jqueryui.com/demos/autocomplete
PHP
オートコンプリート プラグインを呼び出した後は、データ ソースを呼び出す必要があるため、まだプロンプト効果はありません。
まずテーブルが必要で、テーブルに適切な量のデータを追加します。テーブルの構造は次のとおりです。
リーリーご自身でテーブルを作成し、テーブルアートにデータを追加してください。
search.php は Mysql データベースへの接続を実装し、フロントエンド ユーザーの入力に基づいてデータ テーブル内の一致するコンテンツをクエリして取得し、JSON 形式で出力します。
リーリー最終的な出力 JSON データ形式は次のとおりです。
リーリーこの時点で、もう一度入力をテストして、必要な効果が得られますか?
最後に、Firefox のオートコンプリート プラグインには入力のバグがあることに注意してください。入力後にプロンプトを表示するには、スペースを入力してからバックスペースを入力する必要があります。インターネット上の多くの学生が解決策を提供していますが、最新のオートコンプリート プラグイン コードは再構築されており、私の解決策は次のコードを 133 行目に追加することです。
リーリー
上記は、入力自動補完プロンプトを実現するための jQuery+PHP+Mysql の機能を、関連する内容も含めて紹介しており、PHP チュートリアルに興味のある友人に役立つことを願っています。
PHP：サーバー側のスクリプト言語の紹介Apr 16, 2025 am 12:18 AMPHPは、動的なWeb開発およびサーバー側のアプリケーションに使用されるサーバー側のスクリプト言語です。 1.PHPは、編集を必要とせず、迅速な発展に適した解釈言語です。 2。PHPコードはHTMLに組み込まれているため、Webページの開発が簡単になりました。 3。PHPプロセスサーバー側のロジック、HTML出力を生成し、ユーザーの相互作用とデータ処理をサポートします。 4。PHPは、データベースと対話し、プロセスフォームの送信、サーバー側のタスクを実行できます。
PHPとWeb：その長期的な影響を調査しますApr 16, 2025 am 12:17 AMPHPは過去数十年にわたってネットワークを形成しており、Web開発において重要な役割を果たし続けます。 1）PHPは1994年に発信され、MySQLとのシームレスな統合により、開発者にとって最初の選択肢となっています。 2）コア関数には、動的なコンテンツの生成とデータベースとの統合が含まれ、ウェブサイトをリアルタイムで更新し、パーソナライズされた方法で表示できるようにします。 3）PHPの幅広いアプリケーションとエコシステムは、長期的な影響を促進していますが、バージョンの更新とセキュリティの課題にも直面しています。 4）PHP7のリリースなど、近年のパフォーマンスの改善により、現代の言語と競合できるようになりました。 5）将来的には、PHPはコンテナ化やマイクロサービスなどの新しい課題に対処する必要がありますが、その柔軟性とアクティブなコミュニティにより適応性があります。
なぜPHPを使用するのですか？利点と利点が説明されましたApr 16, 2025 am 12:16 AMPHPの中心的な利点には、学習の容易さ、強力なWeb開発サポート、豊富なライブラリとフレームワーク、高性能とスケーラビリティ、クロスプラットフォームの互換性、費用対効果が含まれます。 1）初心者に適した学習と使用が簡単。 2）Webサーバーとの適切な統合および複数のデータベースをサポートします。 3）Laravelなどの強力なフレームワークを持っています。 4）最適化を通じて高性能を達成できます。 5）複数のオペレーティングシステムをサポートします。 6）開発コストを削減するためのオープンソース。
神話を暴く：PHPは本当に死んだ言語ですか？Apr 16, 2025 am 12:15 AMPHPは死んでいません。 1）PHPコミュニティは、パフォーマンスとセキュリティの問題を積極的に解決し、PHP7.xはパフォーマンスを向上させます。 2）PHPは最新のWeb開発に適しており、大規模なWebサイトで広く使用されています。 3）PHPは学習しやすく、サーバーはうまく機能しますが、タイプシステムは静的言語ほど厳格ではありません。 4）PHPは、コンテンツ管理とeコマースの分野で依然として重要であり、エコシステムは進化し続けています。 5）OpcacheとAPCを介してパフォーマンスを最適化し、OOPと設計パターンを使用してコードの品質を向上させます。
PHP対Pythonの議論：どちらが良いですか？Apr 16, 2025 am 12:03 AMPHPとPythonには独自の利点と短所があり、選択はプロジェクトの要件に依存します。 1）PHPは、Web開発に適しており、学習しやすく、豊富なコミュニティリソースですが、構文は十分に近代的ではなく、パフォーマンスとセキュリティに注意を払う必要があります。 2）Pythonは、簡潔な構文と学習が簡単なデータサイエンスと機械学習に適していますが、実行速度とメモリ管理にはボトルネックがあります。
PHPの目的：動的なWebサイトの構築Apr 15, 2025 am 12:18 AMPHPは動的なWebサイトを構築するために使用され、そのコア関数には次のものが含まれます。1。データベースに接続することにより、動的コンテンツを生成し、リアルタイムでWebページを生成します。 2。ユーザーのインタラクションを処理し、提出をフォームし、入力を確認し、操作に応答します。 3.セッションとユーザー認証を管理して、パーソナライズされたエクスペリエンスを提供します。 4.パフォーマンスを最適化し、ベストプラクティスに従って、ウェブサイトの効率とセキュリティを改善します。
PHP：データベースとサーバー側のロジックの処理Apr 15, 2025 am 12:15 AMPHPはMySQLIおよびPDO拡張機能を使用して、データベース操作とサーバー側のロジック処理で対話し、セッション管理などの関数を介してサーバー側のロジックを処理します。 1）MySQLIまたはPDOを使用してデータベースに接続し、SQLクエリを実行します。 2）セッション管理およびその他の機能を通じて、HTTPリクエストとユーザーステータスを処理します。 3）トランザクションを使用して、データベース操作の原子性を確保します。 4）SQLインジェクションを防ぎ、例外処理とデバッグの閉鎖接続を使用します。 5）インデックスとキャッシュを通じてパフォーマンスを最適化し、読みやすいコードを書き、エラー処理を実行します。
PHPでのSQL注入をどのように防止しますか？ （準備された声明、PDO）Apr 15, 2025 am 12:15 AMPHPで前処理ステートメントとPDOを使用すると、SQL注入攻撃を効果的に防ぐことができます。 1）PDOを使用してデータベースに接続し、エラーモードを設定します。 2）準備方法を使用して前処理ステートメントを作成し、プレースホルダーを使用してデータを渡し、メソッドを実行します。 3）結果のクエリを処理し、コードのセキュリティとパフォーマンスを確保します。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。
SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。
WebStorm Mac版
便利なJavaScript開発ツール
MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。
VSCode Windows 64 ビットのダウンロード
Microsoft によって発売された無料で強力な IDE エディター
