oauth2-clientcredentials

by dshilkret

HTML

<form id="login" action="/">
	<input style="width:50%" type="text" id="apikey" placeholder="Api-Key" value=""/>
	<br>
	<input style="width:50%" type="text" id="apisecret" placeholder="Api Secret" value=""/>
	<input type="submit" value="Get Access Token"/>
</form>

<div id="output"></div>

JavaScript

//Search for images with an api key and show the output

$("#login").submit(function(event) {
	event.preventDefault();
	url = "https://api.gettyimages.com/oauth2/token"
	 $.post(url,{})
});

var getAccessToken = function() {
  var apiKey = $("#apikey").val()
  var apisecret = $("#apisecret").val()
	
  $.ajax({
    type: 'POST',
    url: "https://api.gettyimages.com/oauth2/token"
  }).done(function(data) {
    console.log("Success with data")
    $("#output").empty();
    for (var i = 0; i < data.images.length; i++) {
      $("#output").append("<img src='" + data.images[i].display_sizes[0].uri + "'/>");
    }
  }).fail(function(data) {
    alert(JSON.stringify(data, 2))
  });
}