jQuery 入門チュートリアル - AJAX の使用
このパートでは、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) に注目してください。

ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

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

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

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

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

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

ホットトピック











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

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

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

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

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

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

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

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