APIs

Question 1

API

Answer 1

• Application Programming Interface

- ability to connect to a third-party web site like YouTube or Twitter and request content

Question 2

API Key

Answer 2

• lets a web dev connect with a third party API like Google Maps
• lets a web site limit access to its API
• lets a web site track use of its API and charge money for its use

Question 3

JSONP

Answer 3

• JSON with Padding
• a way of sending data in a JavaScript file
• a method for requesting data from another web server by bypassing a web browser’s “same origin policy”

blah.com/blah.gne?format=json

Question 4

$(“button”).click(function () {
$(“button).removeClass(“selected”);
$(this).addClass(“selected”);

var flickerAPI = "URL"
var animal = $(this).text();
var flickerOptions = {
tags: animal,
format: "json"
};

function displayPhotos(data) {
var photoHTML = '<ul>;
$.each(data.items, function (i, photo) {
photoHTML += '<li class="blah">';
photoHTML += '<a href="'%20+%20photo.link%20+%20'" class="image">;
photoHTML +='<img></a></li>;
});

photoHTML += ‘</ul>’;
$(‘#photos’).html(photoHTML);
}

$.getJSON(flickerAPI, flickerOptions, displayPhotos);
});

Answer 4

• adds a click event handler to all HTML button elements
• removes the class “selected”
• adds the class “selected” to the particular button getting clicked
• retrieves the text inside within the ID of “button” and stores it in the variable “animal”
• tags = searches for photos that match a particular keyword
• format = specifies the format for the feed, for example an XML or JSON format

Question 5

http://blah.gen?jsoncallback=?

Answer 5

• query string getting around security limitation

Question 6

$.each(array or object, function (i, item) {});

Answer 6

• loop
• each = array or object, callback function
• function = index, value of the current array