search

fact-real / developers_training_public

21 stars 1 forks source link

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

Open fr-sasaki opened 10 years ago

fr-sasaki commented 10 years ago

■目的

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

■課題1

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

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

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

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