Question

ajax获取到json数据怎么显示在jsp页面tb上

Answer 1

如果是数组型的Json数据，那么用循环分别取出后，再用javascript动态添加到table里。例如：
假设获得的json是{“td1”:"testtd1","td2":"testtd2"}
for (var key in json) {
var tbody = document.getElementById("tableId").getElementsByTagName("TBODY")[0];
var tr = document.createElement("tr");
var td = document.createElement("td");
var td_txt = document.createTextNode(json[key]);
td.appendChild(td_txt);
tr.appendChild(td);
tbody.appendChild(tr);
}
JSP页面上写的是后台的一些代码，用ajax取得的json数据由于不会再跑JSP画面，所以要用前台的javascript动态实现。

Answer 2

json数据要在table中显示，需要动态输出迭代一个json数组：
举例如下：

$(document).ready(function(){
var arr=[
{
"code":"01",
"name":"英语",
"arry":[
{
"code":"01001",
"name":"中译英"
},{
"code":"01002",
"name":"英语翻译成日语"
}
]
},{
"code":"02",
"name":"日语",
"arry":[
{
"code":"02001",
"name":"日语变中文"
},{
"code":"02002",
"name":"日语变韩文"
}
]
}
]
for(var i=0;i<eval(arr).length;i++){
$("#table1").append("<tr><td><input type=\"checkbox\"/></td><td width=\"200px\" style=\"text-align:center\">"+eval(arr)[i].code+" </td><td width=\"200px\" style=\"text-align:center\">"+eval(arr)[i].name+"</td><td><a onclick=\"show('tr1',this);\" id=\"btn1\">+</a></td></tr>");
var le=eval(arr)[i].arry.length;
for(var j=0;j<le;j++){
$("#table1").append("<tr id=\"tr\"><td><input type=\"checkbox\"/></td><td width=\"200px\" style=\"text-align:center\">"+eval(arr)[i].arry[j].code+"</td><td width=\"200px\" style=\"text-align:center\">"+eval(arr)[i].arry[j].name+"</td></tr>");
$("#tr"+j).hide();
}
}

Answer 3

function ajaxPost{
$.ajax({ url : url, type : "POST", data : params, timeout : 10000, dataType : "json", success : function(result) {
var dataObj = eval("(" + result+ ")");
//如果dataObj是集合，可以遍历，然后用.html()或者append()都可以放到table中
}, {
}
});
}