Basic jQuery Get Demo

Using httpbin.org

HTML

<div id="content">hello world</div>

JavaScript

var url = "http://opendata.dc.gov/datasets?q=*&page=3&sort_by=updated_at";
var url2 = "http://opendata.dc.gov/datasets?q=*&page=";
var url3 = "&sort_by=updated_at";
var page_count = 0;
var urlArray = [];

$(document).ready(function () {
 //1. get datasets count:
  var url1 = "http://opendata.dc.gov/datasets";
    $.get(url1, function(data1) { 
    var total_count = data1.metadata.stats.total_count;
       page_count = Math.ceil(total_count / data1.metadata.stats.count);
       console.debug(data1);
       console.log("total dataset: " + data1.metadata.stats.total_count + "every page count: " +  data1.metadata.stats.count + " total pages = " + page_count);   
       getGeoJsonData(page_count)
    });   
});

function getGeoJsonData(page_count) {
for (var i = 1; i <= 3; i++) {
   //console.log("url" + i + "= " + url2 + i + url3);
   urlArray.push(url2 + i + url3);
   
  //$.get(url, function(data) {
  $.get(url2 + i + url3, function(data2) {
       var tmpurl = url2 + "'" + i + "'" + url3;       
       console.log("url " + i + "= " + url2 + "'" + i + "'" + url3);  
     });
   }
   
  console.debug(urlArray);
  console.log("urlArray length = " + urlArray.length);
  
  for(var i = 0; i < urlArray.length; i++){
    doAjax(i);
   }
   
  function doAjax(i){
   console.log("in doAjax, url = " + urlArray[i]);
    $.get(urlArray[i], function(data3) {        
       console.log("get data3"); 
       console.debug(data3);
     }, function(err) {
         console.debug(err);
        });
   }
   
 }