プログラミング学習の記録 753.1 14章(Ajaxの基礎)の練習問題5(プログラムの呼び出しと表示)『初めてのJavaScript 第2版』(シェリー・パワーズ著、武舎広幸+武舎るみ訳、オライリー・ジャパン、2009年、ISBN978-4-84311-425-5)

開発環境

• OS X Lion - Apple(OS)
• Safari (Webプラウザ)
• TextWrangler(Text Editor) (いずれはBBEditを入手したい！)
• Script言語:JavaScript
• JavaScript Library: jQuery

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

14-5.

コード(TextWrangler)

var xmlhttp = new XMLHttpRequest(); function getRecipe(){ var drink = encodeURIComponent($('#drink').val()); var url = "recipe.php?drink=" + drink; xmlhttp.open("GET", url, true); xmlhttp.onreadystatechange = printRecipe; xmlhttp.send(null); } function printRecipe(){ if(xmlhttp.readyState == 4 && xmlhttp.status == 200){ $('#recipe').text(xmlhttp.responseText); } else { alert("レシピの取得を失敗しました!"); } }

ライブラリ、jQueryを使った場合。

コード(TextWrangler)

var drink = encodeURIComponent($('#drink').val()); var options = { type: 'GET', url: 'recipe.php?drink=' + drink, dateType: 'php', error: function(o){ alert("レシピの取得を失敗しました!"); }, success: function(o){ 　　$('#recipe').text(xmlhttp.responseText); } complete: function(o){ } }; $.ajax(options);

jQueryを使った方が簡潔で見やすく、しかも分かりやすい気がする。(とはいってもまだ短いので効果は薄いのかも。コードが長くなればよりjQueryの有り難みも分かってくるのかな〜)

合わせて読んでいる書籍。

1. 14章でPHPとJavaScriptを組み合わせたWebアプリケーションが登場したので 『初めてのPHP & MySQL 第2版』(Micbele E. Davis、Jon A. Phillips 著、西沢 直木 訳、オライリー・ジャパン、2008年、ISBN978-4-87311-365-4)
2. JavaScriptのライブラリーを活用できるようになるために『jQueryクックブック』(jQuery Community Experts 著、株式会社クイープ 訳、オライリー・ジャパン、2010年、ISBN978-4-87311-468-2)
3. JavaScript、APIを使って遊ぶために『Google Maps Hacks 第2版 ―地図検索サービスをもっと活用するテクニック』(Rich Gibson, Schuyler Erle 著、武舎 広幸、福地 太郎、武舎 るみ 訳、オライリー・ジャパン、2007年、ISBN978-4-87311-341-8)
4. HTML5について学習するために『入門 HTML5』(Mark Pilgrim 著、矢倉 眞隆 監訳、水原 文 訳、オライリー・ジャパン、2011年、ISBN978-4-87311-482-8)

PHPの学習が止まったまま(というかほとんど進んでいない)だけど、そろそろ再開しようか検討中。再開済。

前の周では少しずつjQueryを使ってみたけど、今回はもっとjQueryを活用していく計画！