JavaScript - Ajaxのデータ(XML)

初めてのJavaScript 第2版
(オライリージャパン)
Shelley Powers (著)
武舎 広幸、武舎 るみ (訳)

開発環境

• OS X Mavericks - Apple(OS)
• Emacs (CUI)、BBEdit - Bare Bones Software, Inc. (GUI) (Text Editor)
• Safari、Firefox + Firebug (Webプラウザ、プラグイン)
• JavaScript (プログラミング言語)
• jQuery (JavaScript Library)

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

その他参考書籍

• JavaScript 第6版
• JavaScriptリファレンス 第6版
• JavaScriptクックブック
• jQueryクックブック

練習問第15-1

コード(BBEdit)

var div = $('#d0');
div.html('');
$.ajax({
    url: 'http://mkamimura.com/kamimura_blog/learning_javascript/sample1.xml',
    type: 'GET',
    dataType: 'xml',
    success: function(data, textStatus, xhr) {
        var recipe = $(data).find('recipe'),
            title = recipe.find('title').text(),
            ingredients = recipe.find('ingredient'),
            instruction = recipe.find('instruction').text(),
            ul = $('<ul>');
        for (i = 0, max = ingredients.length; i < max; i += 1){
            ul.append($('<li>').text($(ingredients[i]).text()));
        }
        [$('<h3>').text(title), ul, $('<p>').text(instruction)].forEach(
            function (e){
                div.append(e);
            });
    },
    error: function(xhr, textStatus, errorThrown) {
        div.text('取得失敗 textStatus: ' + textStatus);
    }
});