Browse Source

json2 done

Brandon Defrancis 7 years ago
parent
commit
4bb69c9bc6
2 changed files with 26 additions and 1 deletions
  1. 2
    1
      index.html
  2. 24
    0
      movies.js

+ 2
- 1
index.html View File

@@ -37,6 +37,7 @@
37 37
     <section>
38 38
     	<h1>Movie Information</h1>
39 39
     	<div id="result"></div>
40
+      <script src="movies.js"></script>
40 41
     </section>
41 42
 </body>
42
-</html>
43
+</html>

+ 24
- 0
movies.js View File

@@ -0,0 +1,24 @@
1
+
2
+const request = new XMLHttpRequest();
3
+let url = "https://data.sfgov.org/api/views/yitu-d5am/rows.json?accessType=DOWNLOAD";
4
+
5
+request.open('GET', url, true);
6
+let info;
7
+request.onreadystatechange = function() {
8
+    if ((request.readyState == 4) && (request.status == 200)) {
9
+        info = JSON.parse(this.responseText);
10
+        let movies = info.data;
11
+
12
+    let out = '';
13
+
14
+    for(let i = 0; i < movies.length; i++) {
15
+        if (movies[i].includes("Golden Gate Bridge")){
16
+          out += "Tile" + movies[i][8] + '<br>';
17
+          out += "Year Released" + movies[i][9] + '<br>';
18
+          out += "Production Company" + movies[i][12] + '<br>';
19
+        }
20
+    }
21
+    document.getElementById('result').innerHTML = out;
22
+}
23
+};
24
+request.send();