Completed

index.html

@@ -39,4 +39,27 @@
     	<div id="result"></div>
     </section>
 </body>
+<script type = "text/javascript">
+var httpClient=function(){
+    var movies;
+    var onHttpRequest = new XMLHttpRequest();
+    onHttpRequest.onreadystatechange =function(){
+        if(onHttpRequest.readyState ==4 && onHttpRequest.status == 200){
+            movies = JSON.parse(onHttpRequest.responseText);
+            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>";
+                }
+            }
+        }
+    }
+    var theurl='https://data.sfgov.org/api/views/yitu-d5am/rows.json?accessType=DOWNLOAD';
+    onHttpRequest.open("GET",theurl,true);
+    onHttpRequest.setRequestHeader("Content-Type","text/plain");
+    onHttpRequest.send();
+    return movies;}
+    httpClient();
+
+</script>
 </html>