使用jquery ajax從json文件加載評論數據

Question

當我想要使用jquery ajax將評論數據加載到部分標記時，我陷入了困境。

我的網站上沒有顯示任何內容。

這裏是我的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> 

誰能幫助我，請

Answer 1

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>