2017-06-06 11 views
0

JSONを初めて使用しました。私は外部のjsonファイルを持っており、私は自分のhtmlファイル内のjsonファイルを使用して、すべてのjsonデータを読み込んだdivを作成しています。私は 'descript'値を除いて、すべての値に対して正しい出力を得ることができます。私はcosoleログにそれを印刷しようとしましたが、その特定の値になっているのはすべて「未定義」ですが、他の値は問題ありません。なぜこれが起こったのか?「未定義」JSONデータ

JSONファイル:

[{"title":"3G","filePath":"https://example.com","descript":"hello world"}, {"title":"4G", "filePath":"https://example.com", "descript": "test"} ] 

HTMLファイル:

$.ajax({ 
     url : "testJSON.json", 
     type : "get", // whichever you like 
     contentType:"json", 
     success : function(list) 
     {   
      var divCol = "<div class='col-sm-4 col-md-4'>"; 
      var divWell = "<div class='well'>"; 
      var divClose= "</div>"; 

      list.forEach(function(obj, index) { 

      var title  = "<h5>"  + obj.title + "</h5>"; 
      var desc  = "<p>"  + obj.descript + "</p>"; 
      var linkStart = "<a class='btn btn-default' style='float:left' href='" + obj.filePath + "' target='_blank'>"; 
      var linkEnd = "CSV</a>"; 
      var div = divCol + 
      divWell  + 
      title  + 
      desc  + 
      linkStart  + 
      // image  + 
      linkEnd + 
      divClose + 
      divClose; 


       console.log(list) 
      $("#imdaFiles").append(div); // insert the div you've just created 

      }) 
     } 
    }); 
+0

JSONファイルに "description:" "test"というエラーがあります。二重引用符はコロンの後にあるためです。 "descript": "test" –

+0

@DavisMolinari申し訳ありませんが、元のコードの一部ではありませんでした。問題は依然として残る – nurul98

+0

@ nurul98私はそのJSON文字列を思いつきます成功関数の 'list = JSON.parse(list)'で試してください1行目 – prasanth

答えて

3

問題を解決する可能性がありますだけ短い予告..あなたは内の最後のdescriptキーの右側に二重引用符を置き忘れあなたのJSON

+0

typoエラーは部分ではありません問題がまだ解決していない – nurul98

関連する問題