json数据传到前台并解析展示成列表的示例分析
这篇文章主要为大家展示了“json数据传到前台并解析展示成列表的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“json数据传到前台并解析展示成列表的示例分析”这篇文章吧。
创新互联专注于企业全网营销推广、网站重做改版、崇仁网站定制设计、自适应品牌网站建设、H5建站、商城系统网站开发、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为崇仁等各大城市提供网站开发制作服务。
因为某些原因,项目中突然需要做自己做个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 += "" + " "; } tbody.innerHTML = str; } }, error: function () { alert("查询失败") } }); }); });" + 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+ " " +"
做完之后感觉瞬间就踏实了不少,这个礼拜可以好好休息了。俺接触这个又学到了一点前台的知识了。
以上是“json数据传到前台并解析展示成列表的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
本文名称:json数据传到前台并解析展示成列表的示例分析
文章源于:http://azwzsj.com/article/gidpge.html