javascript
1 var req = new XMLHttpRequest(); 2 req.open('GET','data.json', true); 3 //req.responseType = 'json'; 4 req.send(); 5 6 var json = JSON.parse(req.responseText); 7 var $timeline = $('ul.timeline'); 8 9 json.forEach(function(item){ 10 11 $timeline.append( 12 '<li>' + 13 '<div class="timeline-image">' + 14 '<img class="rounded-circle img-fluid" src="' + item.imgPath + '" alt="">' + 15 '</div>' + 16 '<div class="timeline-panel">' + 17 '<div class="timeline-heading">' + 18 '<h4>' + item.time + '</h4>' + 19 '<h4 class="subheading">' + item.title + '</h4>' + 20 '</div>' + 21 '<div class="timeline-body">' + 22 '<p class="text-muted">' + item.description + '</p>' + 23 '</div>' + 24 '</div>' + 25 '</li>' 26 ); 27 });
JSON
1[ 2 { 3 "id": 1, 4 "imgPath": "img/about/1.jpg", 5 "time": "2009-2011", 6 "title": "Our Humble Beginnings", 7 "description": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!" 8 }, 9 { 10 "id": 2, 11 "imgPath": "img/about/2.jpg", 12 "time": "March 2011", 13 "title": "An Agency is Born", 14 "description": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!" 15 }, 16 { 17 "id": 3, 18 "imgPath": "img/about/3.jpg", 19 "time": "December 2012", 20 "title": "Transition to Full Service", 21 "description": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!" 22 }, 23 { 24 "id": 4, 25 "imgPath": "img/about/4.jpg", 26 "time": "July 2014", 27 "title": "Phase Two Expansion", 28 "description": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!" 29 } 30] 31
現在、以下のエラーが出てきます。
VM1862:1 Uncaught SyntaxError: Unexpected end of JSON input
at JSON.parse (<anonymous>)
https://qiita.com/qwq00/items/9cd8b8e095bea0633a88
このサイトのように、JSON.parse(req.responseText || "null")にしました。
しかし、以下のエラーできました。JSONファイルの内容が取得出来ていないと思います。
なにか、アドバイスお願いいたします。
Uncaught TypeError: Cannot read property 'forEach' of null
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。