JSFiddle - React, Tailwind, and code Playground

by Cody Dhein

HTML

<h2>
Request URL:
</h2>
<span id="request"></span>
<h2>
Results:
</h2>
<pre id="results"></pre>

JavaScript

var baseURL = "https://api.petfinder.com/";
var reqType = "breed.list?";
var params = "animal=horse&";
var yourKey = "key=dcc5be07eeae2e3fed49e529ed8cf73b&";
var format = "format=json";
var callback = "&callback=?";

var fullURL = baseURL+reqType+params+yourKey+format+callback;
$(document).ready(function(){
  $("#request").text(fullURL);

  $.ajax({
    dataType: "jsonp",
    url: fullURL,
    success:(function(data){
      var prettyData = JSON.stringify(data, null,'\t');
      $("#results").text(prettyData);

    })
  });

});