jQuery AJAX Example

by jasenhk

HTML

<button>Retrieve</button>
<div id="container"></div>
<div id="msg"></div>

JavaScript

var foo = ["I", "Know", "Kung", "Foo"];

var Foo = {
    retrieve: function (data, arr) {
        $.each(arr, function(key, val) {
            console.log(key, val);
            $("#msg").append("<div>" + val + "</div>");
        });
    }
};
$("button").on("click", function () {
    $.ajax({
        url: "/echo/json/",
        type: "POST",
        dataType: "json",
        contentType: "application/json",
        data: {
            json: JSON.stringify({
                foo: "bar"
            })
        },
        error: function (data) {
            console.log('error');
        },
        success: function (data) {
            $.each(data, function (key, val) {
                $("#container").html("<span>" + key + ":&nbsp;</span><span>" + val + "</val>");
                Foo.retrieve(data, foo);
            });
        }
    });
});