ホームページ  >  記事  >  ウェブフロントエンド  >  Jquery 作業の一般的な例 AJAX を使用して Web ページを非同期的に更新する_jquery

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

WBOY
WBOYオリジナル
2016-05-16 18:04:36955ブラウズ

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 関数を学び始めたばかりの人にとって役立ちます。さらに重要なのは、自分で試してみる必要があります。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。