フロントエンド - JavaScript/jQuery - ajax通信

[fr-sasaki]

■目的

jQueryでのAPIやajax通信について学びます。

■課題1

以下について調べて下さい。

• JSON
• XML
• API

■課題2

事前に以下の値のjSONファイルを作成し公開領域に設置して下さい。

id	name	kana
1	Java	ジャバ
2	Ruby	ルビー
3	Python	パイソン
4	Perl	パール
5	PHP	ピーエイチピー

jQueryのajax通信を用いてJSONファイルを読み込み、その内容をHTMLで表形式で出力して下さい。
また、ページ下部に「もっと見る」ボタンを設置し、ボタンが押されたら再度上記処理を実行するようにイベント処理をして下さい。