jQuery/JSON and Displaying Data

I am trying to retrieve a JSON file from a server and then display the information from that dataset based on what a user searched for. Here’s what I’ve done, both conceptually and code, and would appreciate some help on either end of this.

I think I need to call the JSON file using jQuery/AJAX, put it into an array, and then match that data against what the user searched for and display the returned results. Eventually I’ll display the requested selection on a Google map (I have the APIs and a basic map already created).

What I don’t know:

  • Can I do this all in one page? I’m using WordPress and would like to just embed it in one of the WordPress pages.
  • Do I need to parse the data retrieved first before looping through it with jQuery.each()?


var items = [];  
  url: 'https://opendata.arcgis.com/datasets/e747ab91a11045e8b3f8a3efd093d3b5_0.geojson',
  success: function(data) {
    items = data.features;
    /* jQuery.each(items, function(key, value) {
      if(value.IDENT == 'LAX') {
    }) */

For reference, I am trying to call the JSON file of the FAA airports database, located here:

Thanks for your help.