使用jquery ajax从json文件加载注释数据

时间:2016-12-15 10:21:13

标签: jquery json ajax

当我想使用jquery ajax将注释数据加载到section标签时,我陷入了困境。

我的网站上没有显示任何内容。

这是我的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>

任何人都可以帮助我

1 个答案:

答案 0 :(得分: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>