微客导航 » 文章资讯 » json数据传到前台并解析展示成列表的方法

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

2023-09-09 09:18:05 137

因为某些原因，项目中突然需要做自己做个ajax异步获取数据后动态向表格中添加数据的页面，网上找了半天都没有看到现成的，决定自己写个例子

1、HTML页面





文件柜取件列表










取件标题

取件发文单位

投箱时间

打印人单位

打印人姓名

hotelSeq 文件标题条码编号发文单位紧急程度份数密级投箱时间备注

2、filebox-print.jsp

$(function(){
$('#btSearch').click(function(){
varFileTitle=$('#FileTitle').val();
varcomeDept=$('#comeDept').val();
varsendTime=$('#sendTime').val();
varprintDept=$('#printDept').val();

varprintUser=$('#printUser').val();
vartbody=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){
varstr="";
vardata=msg.data;

for(iindata){
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数据传到前台并解析展示成列表的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

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

热门推荐

随机推荐