json数据与 html

今天有个需求是将服务器返回的json数据，动态加载到html里。

这里我用的ajax获取数据。

$(function () {
$.ajax({
type: 'post',
url: ' ',
dataType: 'json',//字符类型
success: function (data) {

//要放入模块的id
var KC_LIST = document.getElementById("KC_LIST");
var html='';
for (var obj in data) {
html += '<p><span class="s_arrow">' + '</span><a href="#">' + data[obj].name+ '</a></p>';
}
KC_LIST.innerHTML = html;
},
error: function (msg) {

}
});
});

json数据data为[{"name":"wo","type":"json"},{"name":"heihei","type":"json"}]

这里通过for循环取出所有的json对象。然后将html写成字符串的形式付给html，最后用innerhtml方法写入。