ホームページ php教程 PHP开发 jQuery 入門チュートリアル - AJAX の使用

jQuery 入門チュートリアル - AJAX の使用

Dec 14, 2016 pm 04:38 PM

このパートでは、youtube.com で見られるものと同じように、何かを評価できる (Keel の注: 何かに投票することです) 小さな AJAX アプリケーションを作成しました。
まず、サーバー側のコードが必要です。この例では、PHP ファイルを使用して評価パラメーターを読み取り、評価の合計数と平均を返します。 rate.php コードを見てください。
これらの例は AJAX を使用せずに実装することもできますが、それを行わないことを示しています。ID「評価」.$(document) を持つ DIV コンテナーを生成します。 .ready(function(){
var ratingmarkup = ['#'> " + i +"</a> ";
}
).find(" a ")。クリック(function(e){
e.preventDefault(); }, Function (XML) {
// 形式 Result
Var Result = [
"" than "" than "" ,
$("#評価").html(結果. join(''));
}); このコードは 5 つのリンクを生成し、リンクの 1 つがクリックされると、リンクが示すスコアを rate.php に送信します。評価パラメータの形式で、結果がサーバーから XML 形式で返され、これらのリンクを置き換えるためにコンテナに追加されます。

PHP がインストールされた Web サーバーがない場合は、このオンラインの例を参照してください。
JavaScript を使用しない例については、softonic.de にアクセスして、「Kurz bewerten!」をクリックしてください。メソッドはここで見つけることができます。または、AJAX の下にある AJAX ファイルを参照してください。

(翻訳者注: このオンライン インスタンスは中国からのアクセスが比較的遅いです。クリックしてから結果が表示されるまでに時間がかかります。変更することを検討してください。ロードの追加、投票後に再投票するためのリターン リンクの追加など。さらに、この例にはさらに理解する必要があることがまだたくさんあります。理解できない場合は、API ドキュメントを参照してください。 )

AJAX を使用してコンテンツをロードするときに発生する一般的な問題は、イベント ハンドラーを HTML ドキュメントにロードするときに、ロードされたコンテンツにもこれらのイベント ハンドラーを適用する必要があるということです。コンテンツはロードされます。コードの繰り返しの実行を防ぐために、$(function(){bar addclickhandlers = function(){
});これで、addClickHandlers は DOM のロード後に 1 回だけ実行されます。これは、ユーザーが clickMeToLoadContent スタイルのリンクをクリックしてコンテンツがロードされるたびです。

addClickHandlers 関数はローカル変数として定義されていることに注意してください。グローバル変数ではありません (function addClickHandlers() {...} など)。これは、他のグローバル変数や関数との競合を防ぐために行われます。

もう 1 つのよくある質問は、コールバックのパラメーターに関するものです。追加のパラメーターを通じてコールバック メソッドを指定することができます。簡単な方法は、コールバック メソッドを別の関数に含めることです。// get some data
var foobar = ...;
// ハンドラーを指定するには、パラメーターとしてデータが必要です
。 var handler = function(data) {
...
};
// クリック ハンドラーを追加し、foobar を渡します!
$('a').click( function(event) { handler(foobar); } );

// 元のハンドラーのコンテキストが必要な場合は、 apply:
$('a').click( function(event) { handler.apply(this, [foobar]); } );use 単純な AJAX の後に、これは非常に「web2.0」であると考えることができますが、今のところ、クールなエフェクトがまだいくつか欠けています。次のセクションでは、これらの効果について説明します。

その他の関連記事については、PHP 中国語 Web サイト (www.php.cn) に注目してください。


このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか? jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか? Feb 28, 2024 pm 03:12 PM

jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか? jQuery で PUT リクエストを送信する方法は、他のタイプのリクエストを送信する方法と似ていますが、いくつかの詳細とパラメータ設定に注意する必要があります。 PUT リクエストは通常​​、データベース内のデータの更新やサーバー上のファイルの更新など、リソースを更新するために使用されます。以下は、jQuery の PUT リクエスト メソッドを使用した具体的なコード例です。まず、jQuery ライブラリ ファイルが含まれていることを確認してから、$.ajax({u

Ajaxを使用してPHPメソッドから変数を取得するにはどうすればよいですか? Ajaxを使用してPHPメソッドから変数を取得するにはどうすればよいですか? Mar 09, 2024 pm 05:36 PM

Ajax を使用して PHP メソッドから変数を取得することは、Web 開発では一般的なシナリオであり、Ajax を使用すると、データを更新せずにページを動的に取得できます。この記事では、Ajax を使用して PHP メソッドから変数を取得する方法と、具体的なコード例を紹介します。まず、Ajax リクエストを処理し、必要な変数を返すための PHP ファイルを作成する必要があります。以下は、単純な PHP ファイル getData.php のサンプル コードです。

jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する Feb 28, 2024 pm 09:06 PM

タイトル: jQuery ヒント: ページ上のすべての a タグのテキストをすばやく変更する Web 開発では、ページ上の要素を変更したり操作したりする必要がよくあります。 jQuery を使用する場合、ページ内のすべての a タグのテキスト コンテンツを一度に変更する必要がある場合があります。これにより、時間と労力を節約できます。以下では、jQuery を使用してページ上のすべての a タグのテキストをすばやく変更する方法と、具体的なコード例を紹介します。まず、jQuery ライブラリ ファイルを導入し、次のコードがページに導入されていることを確認する必要があります: &lt

jQuery を使用してすべての a タグのテキスト コンテンツを変更する jQuery を使用してすべての a タグのテキスト コンテンツを変更する Feb 28, 2024 pm 05:42 PM

タイトル: jQuery を使用して、すべての a タグのテキスト コンテンツを変更します。 jQuery は、DOM 操作を処理するために広く使用されている人気のある JavaScript ライブラリです。 Web 開発では、ページ上のリンク タグ (タグ) のテキスト コンテンツを変更する必要が生じることがよくあります。この記事では、この目標を達成するために jQuery を使用する方法を説明し、具体的なコード例を示します。まず、jQuery ライブラリをページに導入する必要があります。 HTML ファイルに次のコードを追加します。

PHP と Ajax: 動的に読み込まれるコンテンツを作成するためのソリューション PHP と Ajax: 動的に読み込まれるコンテンツを作成するためのソリューション Jun 06, 2024 pm 01:12 PM

Ajax (非同期 JavaScript および XML) を使用すると、ページをリロードせずに動的コンテンツを追加できます。 PHP と Ajax を使用すると、製品リストを動的にロードできます。HTML はコンテナ要素を含むページを作成し、Ajax リクエストはロード後に要素にデータを追加します。 JavaScript は Ajax を使用して XMLHttpRequest を通じてサーバーにリクエストを送信し、サーバーから JSON 形式で商品データを取得します。 PHP は MySQL を使用してデータベースから製品データをクエリし、それを JSON 形式にエンコードします。 JavaScript は JSON データを解析し、ページ コンテナーに表示します。ボタンをクリックすると、製品リストをロードするための Ajax リクエストがトリガーされます。

jQuery における eq の役割と応用シナリオを理解する jQuery における eq の役割と応用シナリオを理解する Feb 28, 2024 pm 01:15 PM

jQuery は、Web ページでの DOM 操作やイベント処理を処理するために広く使用されている人気のある JavaScript ライブラリです。 jQueryではeq()メソッドを利用して指定したインデックス位置の要素を選択しますが、具体的な使い方と応用シーンは以下の通りです。 jQuery では、 eq() メソッドは、指定されたインデックス位置にある要素を選択します。インデックス位置は 0 からカウントされます。つまり、最初の要素のインデックスは 0、2 番目の要素のインデックスは 1 などとなります。 eq() メソッドの構文は次のとおりです。 $("s

PHP と Ajax: Ajax のセキュリティを向上させる方法 PHP と Ajax: Ajax のセキュリティを向上させる方法 Jun 01, 2024 am 09:34 AM

Ajax セキュリティを向上させるには、いくつかの方法があります。 CSRF 保護: トークンを生成してクライアントに送信し、それを検証リクエストのサーバー側に追加します。 XSS 保護: htmlspecialchars() を使用して入力をフィルタリングし、悪意のあるスクリプトの挿入を防ぎます。 Content-Security-Policy ヘッダー: 悪意のあるリソースの読み込みを制限し、スクリプトとスタイル シートの読み込みを許可するソースを指定します。サーバー側の入力を検証する: Ajax リクエストから受け取った入力を検証して、攻撃者による入力の脆弱性の悪用を防ぎます。安全な Ajax ライブラリを使用する: jQuery などのライブラリによって提供される自動 CSRF 保護モジュールを利用します。

PHP と Ajax: オートコンプリート提案エンジンの構築 PHP と Ajax: オートコンプリート提案エンジンの構築 Jun 02, 2024 pm 08:39 PM

PHP と Ajax を使用してオートコンプリート候補エンジンを構築します。 サーバー側スクリプト: Ajax リクエストを処理し、候補を返します (autocomplete.php)。クライアント スクリプト: Ajax リクエストを送信し、提案を表示します (autocomplete.js)。実際のケース: HTML ページにスクリプトを組み込み、検索入力要素の識別子を指定します。

See all articles