JSON-Lab-2/json2.js

// var url= "https://data.sfgov.org/api/views/yitu-d5am/rows.json?accessType=DOWNLOAD";
//
// var xmlhttp = new XMLHttpRequest();
//
// xmlhttp.onreadystatechange = function() {
//     if (this.readyState == 4 && this.status == 200) {
//         var myArr = JSON.parse(this.responseText);
//        myFunction(myArr);
//     }
// };
// xmlhttp.open("GET", url, true);
// xmlhttp.send();
//
// function myFunction(arr) {
//     var out = "";
//     var i;
//     for(i = 0; i < arr.length; i++) {
//         out += '<a href="' + arr[i].url + '">' +
//             arr[i].display + '</a><br>';
//     }
//     document.getElementById('result').innerHTML += out;
// }

// var jsonData;
// var xhttp = new XMLHttpRequest();
// xhttp.onreadystatechange = function() {
//     if (this.readyState == 4 && this.status == 200) {
//
//         console.log(xhttp.response)
//
//          jsonData = JSON.parse(this.responseText);
//
//         var movies = jsonData.data;
//         var result="";
//         for( i=0;i<movies.length;i++){
//             if(movies[i]=="Golden State Bridge"){
//
//             }
//
//         }
//         // Action to be performed when the document is read;
//     }
// };
// xhttp.open("GET", url, true);
// xhttp.send();

// var request = new XMLHttpRequest();
// request.open('GET', url);
// request.responseType = 'text';
//
// request.onload = function() {
//     poemDisplay.textContent = request.response;
// };
//
// request.send();


var info = new XMLHttpRequest();
info.onreadystatechange = function() {
     if (this.readyState == 4 && this.status == 200) {
           var res = info.responseText;
            var jsonOutput = JSON.parse(res).data;
            var list = document.getElementById("result");

                for (var i=0; i<jsonOutput.length; i++){
                  var elem = jsonOutput[i];
                 if (elem[10] == "Golden Gate Bridge")
                 {
                        var movie = elem;
                       list.innerHTML+= "<br/>" + elem[8];
                        list.innerHTML += "<br/>" + elem[9];
                        list.innerHTML += "<br/>" + elem[12] + "<br/>";
                     };
               }
          }
    };
var url = "https://data.sfgov.org/api/views/yitu-d5am/rows.json?accessType=DOWNLOAD";
info.open("GET", url, true);
info.send();