当我想使用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>
任何人都可以帮助我
答案 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>