今天小编就为大家分享一篇json数据传到前台并解析展示成列表的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
因为某些原因，项目中突然需要做自己做个ajax异步获取数据后动态向表格中添加数据的页面，网上找了半天都没有 看到现成的，决定自己写个例子
1、HTML页面
文件柜取件列表
hotelSeq 文件标题 条码编号 发文单位 紧急程度 份数 密级 投箱时间 备注
2、filebox-print.jsp
$(function () { $('#btSearch').click(function () { var FileTitle= $('#FileTitle').val(); var comeDept= $('#comeDept').val(); var sendTime= $('#sendTime').val(); var printDept = $('#printDept').val(); var printUser=$('#printUser').val(); var tbody=window.document.getElementById("tbody-result"); $.ajax({ type: "post", dataType: "json", url: "<%=path%>/filebox/fileBox!getToDoFileBoxList.action", data: { FileTitle: FileTitle, comeDept: comeDept, sendTime: sendTime, printDept: printDept, printUser:printUser }, success: function (msg) { if (msg.ret) { var str = ""; var data = msg.data; for (i in data) { str += "" + "" + data[i].fileTitle+ " " + "" + data[i].fileCode+ " " + "" + data[i].comeDept + " " + "" + data[i].fileEmerg+ " " + "" + data[i].alreadyCount+ " " + "" + data[i].fileSecret+ " " + "" + data[i].sendTime + " " + "" + data[i].remark+ " " + "" + data[i].fileboxId+ " " + "
"; } tbody.innerHTML = str; } }, error: function () { alert("查询失败") } }); }); });做完之后感觉瞬间就踏实了不少，这个礼拜可以好好休息了。俺接触这个又学到了一点前台的知识了。
以上这篇json数据传到前台并解析展示成列表的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持html中文网。
以上就是json数据传到前台并解析展示成列表的方法的详细内容，更多请关注0133技术站其它相关文章！
