2016-12-15 19 views
0

jquery ajaxを使用してセクションタグにコメントデータを読み込みたいときに動かなくなりました。jquery ajaxを使用してjsonファイルからコメントデータをロード

私のウェブサイトには何も表示されていません。ここで

は私のhtmlです:ここでは

<section id="comments"> 
<header> 
    <h2>Comments</h2> 
</header> 

は私のjavascriptです:

<script> 
    $.ajax({ 
     url :"comments.json", 
     type : "GET", 
     dataType : "json", 
     data : {get_param : 'value'}, 
     success : function(data){ 
     // Hitung jumlah data 
     jData = data.length; 

     // Buat variable untuk section komentar 
     secKomen = ""; 

     // Looping section komentar 
     for(a = 0; a < jData; a++){     
      // Membuat section komentar baru 
      secKomen += "<section>" 

      // menampilkan foto 
      //+ '<figure>' + '<img src="data[a]['avatar']"/>' 

      // membuat artikel 
      + "<article>" 
      // membuat tag header 
      + "<header>" + "<cite>" + data[a]["name"] + "</cite>" + "<time>" + data[a]["data"] + "</time>" + "</header>" 
      // isi komentar 
      + data[a]["comment"] 
      + "</article>" 
      // section close 
      + "</section>"; 
     } 
     // mencetak tabel 
     document.getElementById("comments")[0].innerHTML += secKomen; 
     } 
    }); 
</script> 

誰もが

答えて

0
please try this 
<script> 
     $.ajax({ 
      url :"comments.json", 
      type : "GET", 
      dataType : "json", 
      data : {get_param : 'value'}, 
      success : function(data){ 
       // Hitung jumlah data 
       jData = data.length; 

       // Buat variable untuk section komentar 
       secKomen = ""; 

       // Looping section komentar 
       for(a = 0; a < jData; a++){ 

        // Membuat section komentar baru 
        secKomen += "<section>" 

           // menampilkan foto 
           //+ '<figure>' + '<img src="data[a]['avatar']"/>' 

           // membuat artikel 
           + "<article>" 
           // membuat tag header 
           + "<header>" + "<cite>" + data[a]["name"] + "</cite>" + "<time>" + data[a]["data"] + "</time>" + "</header>" 
           // isi komentar 
           + data[a]["comment"] 
           + "</article>" 
          // section close 
          + "</section>"; 
       } 
       // mencetak tabel 
       //document.getElementById("comments")[0].innerHTML += secKomen; 
       jQuery('#comments').html(secKomen); 
      } 
     }); 
    </script> 
私を助けてくださいすることができ
関連する問題