2015年3月25日水曜日

開発環境

  • OS X Yosemite - Apple (OS)
  • Safari, Firefox, Google Chrome(Webプラウザ)
  • Emacs (CUI)、BBEdit - Bare Bones Software, Inc.(GUI) (Text Editor)
  • JavaScript (プログラミング言語)

Head First jQuery(Ryan Benedetti(著)、Ronan Cranley(著)、O'Reilly Media)のChapter 8(jQuery and Ajax: Please Pass the Data)、SHARPEN YOUR PENCIL(No.4347))を解いてみる。

その他参考書籍

SHARPEN YOUR PENCIL(No.4347))

JavaScript(BBEdit, Emacs)

$(document).ready(function(){    
    var FREQ = 10000,
        startAJAXcalls = function () {
            setTimeout(function () {
                getXMLRacers();
                startAJAXcalls();
            }, FREQ);
        },        
        getXMLRacers = function () {
            $.ajax({
                url: 'finishers.xml',
                chache: false,
                dataTye: 'xml',
                success: function (xml) {
                    $('#finishers_m').empty();
                    $('#finishers_f').empty();
                    $('#finishers_all').empty();
                    $(xml).find('runner').each(function () {
                        var info = '<li>Name: ' + $(this).find('fname').text() +
                            $(this).find('lname').text() + '. Time: ' +
                            $(this).find('time').text() + '</li>',
                            gender = $(this).find('gender').text();
                        
                        if (gender === 'm') {
                            $('#finishers_m').append(info);
                        } else if (gender === 'f') {
                            $('#finishers_f').append(info);
                        }
                        $('#finishers_all').append(info);
                    });
                    getTimeAjax();
                }    
            });          
        },
        showFrequencey = function () {
            $('#freq').text('frequecy: ' + FREQ / 1000 + ' seconds');
        },
        getTimeAjax = function () {
            $('#updatedTime').load('time.php');
        };
    
    showFrequencey();
    getXMLRacers();
    startAJAXcalls();
});

index4347.html

0 コメント:

コメントを投稿