プログラミング学習の記録 467.1 『初めてのJavaScript 第2版』(シェリー・パワーズ著、武舎広幸+武舎るみ訳、オライリー・ジャパン、2009年、ISBN978-4-84311-425-5)の15章(Ajaxのデータ - XMLかJSONか)の練習問題2

開発環境

• Microsoft Windows 7 Home Premium (OS)
• Internet Explorer 9 RC(製品候補版) (プラウザ)
• Microsoft Visual Web Developer 2010 Express Edition (IDE)
• Script言語:JavaScript

『初めてのJavaScript 第2版』(シェリー・パワーズ著、武舎広幸+武舎るみ訳、オライリー・ジャパン、2009年、ISBN978-4-84311-425-5)の15章(Ajaxのデータ - XMLかJSONか), 練習問題15-2を解いてみる。

15-1.

コード(だいたいこんな感じでいいのかな？)

var xmlhttp = new XMLHttpRequest(); if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { var response = JSON.parse(xmlhttp.responseText); var b = document.getElementsByTagName("body"); var d = document.createElement("div"); var h = document.createElement("h3"); var ul = document.createElement("ul"); var p = document.createElement("p"); var title = response.title; var instruction = response.instruction; var ingredients = response.ingredients; for (var i = 0; i < ingredients.length; i++) { var li = document.createElement("li"); var ingredient = ingredients[i].ingredient; li.appendChild(document.createTextNode(ingredient)); ul.appendChild(li); } h.appendChild(document.createTextNode(title)); p.appendChild(document.createTextNode(instruction)); d.appendChild(h); d.appendChild(ul); d.appendChild(p); b[0].appendChild(d); }

最後まで終了。次こそは下記のようにjQueryを使いながら取り組むことに！

 

この章でPHPについて出てきたので『初めてのPHP & MySQL 第2版』(Micbele E. Davis、Jon A. Phillips 著、西沢 直木 訳、オライリー・ジャパン、2008年、ISBN978-4-87311-365-4)を入手してみた。PHPについても計画通り少し学習開始！

本書と合わせてjQueryクックブック、Google Maps Hacks 第2版 ―地図検索サービスをもっと活用するテクニックを読む。

jQueryクックブックを読んでるけど全然使ってないことに気づく。

次にまた最初から繰り返すときにはjQuery(Ajax ライブラリー)を使いながら進めることに！