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

開発環境

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

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

15-1.

if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { var recipe = document.createElement("div"); recipe.id = "recipe"; var h3 = document.createElement("h3"); var title = xmlhttp.responseXML.getElementsByTagName("title")[0].firstChild.nodeValue; var titleText = document.createTextNode(title); var ul = document.createElement("ul"); var ingredients = xmlhttp.responseXML.getElementsByTagName("ingredient"); h3.appendChild(titleText); recipe.appendChild(h3); for (var i = 0; i < ingredients.length; i++) { var li = document.createElement("li"); var ingredient = ingredients[i].firstChild.nodeValue; var ingredientText = document.createTextNode(ingredient); li.appendChild(ingredientText); ul.appendChild(li); } recip.constructor(ul); var instruction = xmlhttp.responseXML.getElementsByTagName("instruction")[0].firstChild.nodeValue; var instructionText = document.createTextNode(instruction); var p = document.createElement("p"); p.appendChild(instructionText); recipe.appendChild(p); }

 

15-2.

if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { var response = JSON.parse(xmlhttp.resonseText); var recipe = document.createElement("div"); recipe.id = "recipe"; var title = response["title"]; var titleText = document.createTextNode(title); var h3 = document.createElement("h3"); h3.appendChild(titleText); recipe.appendChild(h3); var ul = document.createElemtn("ul"); var ingredients = response.ingredients; for (var i = 0; i < ingredients.length; i++) { var li = document.createElement("li"); var ingredient = ingredients[i].ingredient; var ingredientText = document.createTextNode(ingredient); li.appendChild(ingredientText); ul.appendChild(li); } recipe.appendChild(ul); var instruction = response.instruction; var instructionText = document.createTextNode(instruction); var p = document.createElement("p"); p.appendChild(instructionText); recipe.appendChild(p); }

とりあえず最終章まで終了。なんとなく全体像はつかめてきた感じ。新たに入手したくなった参考書籍もいくつかあったので購入を検討。

まだ1周り目で、解答できなかった練習問題もあるので次回から2周り目スタート！