JavaScript - jQuery - Handling JSON Data: Client, Meet Server(PHP,json_encode, each method)

Head First jQuery
(O'Reilly Media)
Ryan Benedetti(著), Ronan Cranley(著)

開発環境

• 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 9(Handling JSON Data: Client, Meet Server)、SHARPEN YOUR PENCIL(No. 4946)を解いてみる。

その他参考書籍

• Head First HTML and CSS
• Head First JavaScript Programming

SHARPEN YOUR PENCIL(No. 4946)

JavaScript(BBEdit, Emacs)

var repeat = true,
    FREQ = 10000,
    startAJAXcalls = function () {
        if (repeat) {
            setTimeout(function () {
                getDBRacers();
                startAJAXcalls();
            }, FREQ);
        }
    },    
    getDBRacers = function () {
        $.getJSON('service.php', function (json) {
            if (json.runners.length > 0) {
                $('finishers_m').empty();
                $('finishers_f').empty();
                $('finishers_all').empty();
                $.each(json.runners, function () {
                    var info = '<li>Name: ' + this['fname'] + ' ' +
                        this['lname']+ ', Time: ' + this['time'] + '</li>';
                    if (this['gender'] === 'm') {
                        $('finishers_m').append(info);
                    } else if (this['gender'] === 'f') {
                        $('finishers_f').append(info);
                    } else {}
                    $('finishers_all').append(info);
                });
            }
        });
        getTimeAjax();
    },
    getTimeAjax = function () {
        $('#updatedTime').load('time.php');
    };

startAJAXcalls();