JavaScript - jQuery - Handling JSON Data: Client, Meet Server(form, input, post)

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)、JQUERY CODE MAGNETS(No. 4556)を解いてみる。

その他参考書籍

• Head First HTML and CSS
• Head First JavaScript Programming

JQUERY CODE MAGNETS(No. 4556)

JavaScript(BBEdit, Emacs)

var clearInputs = function () {
        $('#addRunner:input:not(:hidden)').each(function(i) {
            $(this).val('');
        });
    };

$('').click(function () {
    var data = $('addRunner:input').serializeArray();

    $.post($('addRunner').attr('action'), data, function(json) {
        if (json.status == 'fail') {
            alert(json.data);
        } else if (json.status == 'success') {
            alert(json.message);
            clearInputs();
        }
    }, 'json');
});
$('addRunner').submit(function() {
    return false;
});