コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > Jquery 作業の一般的な例 AJAX を使用して Web ページを非同期的に更新する_jquery

Jquery 作業の一般的な例 AJAX を使用して Web ページを非同期的に更新する_jquery

WBOY
リリース： 2016-05-16 18:04:36
オリジナル
1011 人が閲覧しました

AJAX = Asynchronous JavaScript and XML。高速で動的な Web ページを作成するためのテクノロジーです。
AJAX を使用すると、バックグラウンドでサーバーと少量のデータを交換することで、Web ページを非同期に更新できます。これは、ページ全体をリロードしなくても、Web ページの一部を更新できることを意味します。
jQuery AJAX を使用すると、Web ページ上の選択した HTML 要素にリモート データを直接読み込むことができます。
Jquery Ajax には次の 3 つの一般的に使用される関数があります。
$.post(url,data,callback,type): HTTP POST を使用してリモート データをロードします。
$.get(url,data, callback , type): HTTP GET を使用してリモート データをロードします。
$.ajax(options): リモート データを XMLHttpRequest オブジェクトにロードします。
上記の 3 つの ajax 関数を詳しく理解する必要がある場合は、ブログ記事「jQuery AJAX 関数の詳細解説と実践編」を参考にしてください。
例:
ajax_load.html ファイルの内容:

コードをコピー コードは次のとおりです:

;



ajax_load.html
="color :#FF0000">私は Li Yun です。Jquery はとても便利です。



index.html ファイルの内容:


コードをコピー コードは次のとおりです:


HTML コンテンツの変更


Ajax ロードを通じてここの内容を変更します

;/div>

>
上記のように、上記の 3 つの方法は同じ効果を達成できます。この比較例は簡単で、Jquery ajax 関数を学び始めたばかりの人にとって役立ちます。さらに重要なのは、自分で試してみる必要があります。
関連ラベル：
ajax 非同期更新
ソース：php.cn
前の記事：iframe 非同期読み込み技術とパフォーマンス分析_JavaScript スキル 次の記事：share_jquery への 15 の優れた jQuery ナビゲーション メニュー プラグイン
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Laravel のブートストラップ モードで AWS PDF ファイルを表示する https://xxx-xx-dev.s3.ap-south-1.amazonaws.com/std_check/6557122022151745398XtquBSY.pdf のよ...
から 2024-04-04 22:16:18
0
1
1450
改訂されたタイトル: チェックボックスの選択に基づいて合計を計算する 私は単純な財務追跡アプリケーションを開発しています。アプリケーションには、すべての経費請求書が記載された表があり、合計金額は表の外側にあります。 JS または AJAX を使用して...
から 2024-04-04 13:45:50
0
1
3465
Ajax を使用したコンテンツの生成 - ID までスクロールできない ajax経由で取得したデータに基づいてページコンテンツを生成します。私が抱えている問題は、特定の ID までスクロールしたいときに、スクロールが起こらないか、間違った場所にスクロー...
から 2024-04-04 09:29:39
0
1
397
AjaxからDjangoに複数のリストを渡す方法 問題があり、リストからすべてのデータを取得したいので、現在、['[objectObject]','[objectObject]を印刷するときに、選択した項目の各データをループしてデ...
から 2024-04-03 23:20:06
0
1
362
Ajax と PHP を使用して CodeIgniter に複数の画像ファイルをアップロードする 複数の画像ファイルをサーバー側にアップロードするのに問題があります。誰かがコードのどこが間違っているのかを指摘してくれると助かります。最初は HTML コードがあります: <...
から 2024-04-03 22:35:03
0
1
318
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート