trtong
/
JSON-Lab-2
atdalīts no Cohort4.2/JSON-Lab-2
Vērot 1
Pievienot zvaigznīti 0
Atdalīts 0
Kods Problēmas 0 Izmaiņu pieprasījumi 0 Laidieni 0 Vikivietne Aktivitāte
Pārlūkot izejas kodu

movies in sanfran

Trinh Tong 7 gadus atpakaļ
vecāks
f2a7909189
revīzija
51bbd944c0
2 mainītis faili ar 30 papildinājumiem un 0 dzēšanām
Dalītais skats Rādīt salīdzināšanas statistiku
  1. 3
    0
      index.html
  2. 27
    0
      js/getmovies.js

+ 3
- 0
index.html Parādīt failu 

@@ -4,6 +4,7 @@
4 4 
     <meta charset="UTF-8">
5 5 
     <link href="./css/style.css" type="text/css" rel="stylesheet">
6 6 
     <title>Import Local JSON Data | Zipcode Wilmington</title>
7 
+    <script src="js/getmovies.js"></script>
7 8 
 </head>
8 9 
 <body>
9 10 
     <header class="main-header group">
 
@@ -12,6 +13,8 @@
12 13 
         <div class="zip-link"><img src="./images/logos/zip_logo.jpg" alt="Zipcode Wilmington"/></div>
13 14 
     </header>
14 15
16 
+
17 
+
15 18 
     <article>
16 19 
         <h1>Instructions</h1>
17 20 
         <p>Us the <code>XMLHttpRequest()</code> to receive the remote json feed from the following website<br>

+ 27
- 0
js/getmovies.js Parādīt failu 

@@ -0,0 +1,27 @@
1 
+var request = new XMLHttpRequest();
2 
+
3 
+request.open('GET', "https://data.sfgov.org/api/views/yitu-d5am/rows.json?accessType=DOWNLOAD");
4 
+
5 
+request.onreadystatechange = function () {
6 
+
7 
+    let data;
8 
+    if ((request.status === 200 && request.readyState === 4)) {
9 
+        // console.log(request.responseText);
10 
+
11 
+        data = JSON.parse(request.response);
12 
+        var movieData = data.data;
13 
+        let output = "";
14 
+
15 
+        for (let i = 0; i < movieData.length; i++) {
16 
+            if (movieData[i][10] === "Golden Gate Bridge") {
17 
+                var tempMovie = movieData[i];
18 
+                output += "Movie Title: " + tempMovie[8] + "<br>";
19 
+                output += "Release Year: " + tempMovie[9] + "<br>";
20 
+                output += "Production Co.: " + tempMovie[12] + "<br><br>";
21 
+            }
22 
+        }
23 
+
24 
+        document.getElementById('result').innerHTML = output;
25 
+    }
26 
+};
27 
+request.send();