蝙蝠岛资源网 Design By www.hbtsch.com
因为某些原因,项目中突然需要做自己做个ajax异步获取数据后动态向表格中添加数据的页面,网上找了半天都没有 看到现成的,决定自己写个例子
1、HTML页面
<!doctype html> <html> <head> <meta charset="utf-8"> <title>文件柜取件列表</title> <script type="text/javascript" src="/UploadFiles/2021-04-02/jquery-1.11.3.min.js">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 += "<tr>" + "<td>" + data[i].fileTitle+ "</td>" + "<td>" + data[i].fileCode+ "</td>" + "<td>" + data[i].comeDept + "</td>" + "<td>" + data[i].fileEmerg+ "</td>" + "<td>" + data[i].alreadyCount+ "</td>" + "<td>" + data[i].fileSecret+ "</td>" + "<td>" + data[i].sendTime + "</td>" + "<td>" + data[i].remark+ "</td>" + "<td>" + data[i].fileboxId+ "</td>" +"</tr>"; } tbody.innerHTML = str; } }, error: function () { alert("查询失败") } }); }); });做完之后感觉瞬间就踏实了不少,这个礼拜可以好好休息了。俺接触这个又学到了一点前台的知识了。
以上这篇json数据传到前台并解析展示成列表的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
标签:
json,数据,前台,列表
蝙蝠岛资源网 Design By www.hbtsch.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
蝙蝠岛资源网 Design By www.hbtsch.com
暂无json数据传到前台并解析展示成列表的方法的评论...
更新日志
2025年01月10日
2025年01月10日
- 小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE]
- 群星《欢迎来到我身边 电影原声专辑》[320K/MP3][105.02MB]
- 群星《欢迎来到我身边 电影原声专辑》[FLAC/分轨][480.9MB]
- 雷婷《梦里蓝天HQⅡ》 2023头版限量编号低速原抓[WAV+CUE][463M]
- 群星《2024好听新歌42》AI调整音效【WAV分轨】
- 王思雨-《思念陪着鸿雁飞》WAV
- 王思雨《喜马拉雅HQ》头版限量编号[WAV+CUE]
- 李健《无时无刻》[WAV+CUE][590M]
- 陈奕迅《酝酿》[WAV分轨][502M]
- 卓依婷《化蝶》2CD[WAV+CUE][1.1G]
- 群星《吉他王(黑胶CD)》[WAV+CUE]
- 齐秦《穿乐(穿越)》[WAV+CUE]
- 发烧珍品《数位CD音响测试-动向效果(九)》【WAV+CUE】
- 邝美云《邝美云精装歌集》[DSF][1.6G]
- 吕方《爱一回伤一回》[WAV+CUE][454M]