Basic_Sightings

Most basic conceivable method for retrieving and displaying recent sightings API data

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<div id="content">Loading...</div>

JavaScript

var URL = "http://ebird.org/ws1.1/data/obs/geo/recent?lng=-76.51&lat=42.46&dist=5&back=30&locale=en_US&fmt=json";
$.getJSON(URL, function(data) {
	var html="<table><tr><th>Count</th><th>Species</th><th>Location</th><th>Date</th></tr>";
	for(var i=0;i<data.length;i++){
		html += "<tr>";
		html += "<td>" + data[i].howMany + "</td>";
		html += "<td>" + data[i].comName + "</td>";
		html += "<td>" + data[i].locName + "</td>";
		html += "<td>" + data[i].obsDt + "</td>";
		html += "</tr>";
	}
	html += "</table>";
	$("#content").html(html);
});