completed JSON 2

index.html

@@ -39,4 +39,36 @@
     	<div id="result"></div>
     </section>
 </body>
+
+<script type="text/javascript">
+    var get = function()
+    {       
+        var movies;
+        //create a new XML object to send the request.
+        //mosSystem prrevents cross orgina requests error.
+        var http = new XMLHttpRequest({mozSystem: true});
+        http.onreadystatechange = function() {
+            if(http.readyState === 4 && http.status === 200) {
+                movies = JSON.parse(http.responseText);
+                //console.log(movies);
+                for(var i = 0; i < movies.data.length; i ++){
+                        var movie = movies.data[i];
+                        if(movie[10] == "Golden Gate Bridge"){
+                        document.getElementById('result').innerHTML +=(movie[8] + " " + movie[9] + " " + movie[12]) + "<br>";
+                    }
+                }
+            }
+        }
+        //log the input so I can confirm this in the text file/
+        //open a new post request to be sent to the host over port 3000
+        http.open("GET", "https://data.sfgov.org/api/views/yitu-d5am/rows.json?accessType=DOWNLOAD", true);
+        //send the request as an application.
+        http.setRequestHeader("Content-Type", "text/plain");
+        //send the request
+        http.send(); 
+        return movies;   
+    }
+
+    get();
+</script>
 </html>