ajax-example javascript

gistfile1.js

$(document).ready(function() {

  $('#meow').click(function(e) {

    e.preventDefault();
    console.log("WE ARE NOT BEING REDIRECTED, yes");

    $.ajax({
      type : 'GET',
      url : '/cats',
      success : function(res) {
        console.log("EVERYTHING WORKED");
        $meowbox = $('#meow-box');
        $meowbox.empty();
        var cats = res.cats;
        var $ul = $('<ul></ul>');
        $meowbox.append($ul);
        for (var i = 0; i < cats.length; i++) {
          var currentCat = cats[i];
          var name = currentCat.name;
          var product = currentCat.product;
          var $li = $('<li></li>');
          $ul.append($li);
          $li.append('<h2>' + name + '</h2>');
          $li.append('<h3>' + product + '</h3>');
        }
      },

      error : function() {
        console.log("EVERYTHING IS BROKEN AND IM HUNGRY");
      }

    });

  });

  $('#cat-form').on('submit', function(e) {
    e.preventDefault();
    $.ajax({
      type: 'POST',
      url: '/cats',
      data: $(this).serialize(),
      success: function() {
        var $successMessage = $('<p>CAT ADDED SCCUCESFULLY</p>');
        $('body').append($successMessage);
      },
      error: function() {
        $('body').html("<img src='http://www.buckybox.com/images/team-joshua-63101086.jpg'>");
      }
    });
  });


});