Python语言技术文档

微信小程序技术文档

php语言技术文档

jsp语言技术文档

asp语言技术文档

C#/.NET语言技术文档

html5/css技术文档

javascript

点击排行

您现在的位置:首页 > 技术文档 > json

json数据传到前台并解析展示成列表的方法

来源:中文源码网    浏览:302 次    日期:2024-03-28 08:09:27
【下载文档:  json数据传到前台并解析展示成列表的方法.txt 】


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数据传到前台并解析展示成列表的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持中文源码网。

相关内容