AJAX demo

0_ajax_demo

_

app.js

var getURL = "http://api.giphy.com/v1/gifs/search?api_key=dc6zaTOxFJmzC&q=cats"
$(document).ready(function(){
    // $.post("https://slowpoke-api.now.sh/say", {message: "AJAX sucks"})
    // .then(showMessage);
    $.get(getURL).then(function(response){
        response.data.forEach(function(gif){
            var imageElement = createImageTag(gif.images.fixed_height.url);
            $("body").append(imageElement);
        });
    });
});

function showMessage(response){
    $(".message").text(response.message);
}

function createImageTag(gifUrl){
    return $("<img>").prop("src", gifUrl);
}