jQuery Ajax – HTMLのボックスエリアに別ページの内容をAjax(非同期通信)で表示する。


jQuery Ajax – HTMLのボックスエリアに別ページの内容をAjax(非同期通信)で表示する。

シンプルなスクリプトですが(所謂基本)。

 

index.html の.newsarea に news.html を表示。

.fadeIn() で、読み込みしてる感じに演出。

 

デモサイト

 

jQueryのダウンロードは → https://jquery.com/

詳しくは、jQuery日本語リファレンス:jQuery.ajax(options)

script

 

 

news.html

 

index.html

 


この投稿へのコメント

コメントはありません。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

この投稿へのトラックバック

トラックバックはありません。

トラックバック URL