JS Bin

function search (term) {

  const url = 'https://api.giphy.com/v1/gifs/search'

​

  // this is the public beta key, sign up for production if you want this to be live on the web

  // In a real project, NEVER store your API keys in Git 

  const apiKey = '2qqBvRkz56JiTUcMbOJbak5VRRLEbV84'

​

  // Makes an API request to the giphy server with a request for data using the search term

  // This uses jQuery's .ajax() function

  console.log('step 2: make http request using $.ajax().')

  $.ajax({

    url: url,

    type: 'GET',

    data: { q: term, api_key: apiKey }

  })

  .done((response) => {

    console.log('step 3a: call this function if request is successful')

    console.log(response)

  })

  .fail((error) => {

    console.log('step 3b: call this function if request errors out')

    console.log(error)

  })

}

​

console.log('Step 1: invoke AJAX function.')

search("kittens")

​

console.log('Step 4: End of JS file.')