shelter.listbybreed

by Cody Dhein

HTML

<h2>
Request URL:
</h2>
<span id="request"></span>
<h2>
Full results (count = 15):
</h2>
<pre id="results"></pre>

<h2>
Only California:
</h2>
<pre id="resultsCali"></pre>

JavaScript

var yourKey = "key=&";/*Insert Your Key*/
var baseURL = "https://api.petfinder.com/";
var reqType = "shelter.listByBreed?";
var params = "animal=smallfurry&breed=Chinchilla&count=15&";
var format = "format=json";
var shelters;
var inCali = [];
var prettyData;
var jsonData;

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

    $.getJSON(fullURL+"&callback=?", (function(data){
      	shelters = data.petfinder.shelters.shelter;
        prettyData = JSON.stringify(shelters, null,'\t');
      	$("#results").text(prettyData);        
        trimResults(shelters);
        prettyData = JSON.stringify(inCali, null,'\t');
      	$("#resultsCali").text(prettyData);        
        }));
});


function trimResults(data){
	for(var i = 0; i < data.length; i++){
  	if(data[i].state.$t == "California"){
    	inCali.push(data[i]);
    }
  }
}