html标签数组转json,ajax将众多行数组转json传入html页面循环传入table中

1. 存在问题:

1)mysql数据库经过servlet层的Json转送至html页面会导致数据库的表头顺序混乱,不能以自己想要的顺序呈现在页面上;

2)Servlet层收到的数据为List型数组,通过ajax接收会变成String类型,无法循环插入table中;

2. 解决方案:

第一个问题方案:

当收到list型数据转为json形式

不要采用:JSONArray.fromObject()函数转为json流。这样方式简单,但数据库的字段顺序会发生变化!

JSONArray jsonArray = new JSONArray();

JSONArray.fromObject(jsonArray);

具体采用:JSON.put(数据库字段名,getter方法)

JSONArray jsonArray = new JSONArray();

for(Pre_sensor Pre_dataDaoList:Pre_dataDaoLists){

JSONObject jo = new JSONObject();

jo.put("time", Pre_dataDaoList.getTime());

jo.put("name", Pre_dataDaoList.getName());

jo.put("num", Pre_dataDaoList.getNum());

jo.put("set_temp", Pre_dataDaoList.getSet_temp());

jo.put("set_pre", Pre_dataDaoList.getSet_pre());

jo.put("collect_temp",Pre_dataDaoList.getCollect_temp());

jo.put("collect_pre",Pre_dataDaoList.getCollect_pre());

jo.put("measure_temp",Pre_dataDaoList.getMeasure_temp());

jo.put("measure_pre",Pre_dataDaoList.getMeasure_pre());

jo.put("temp_org",Pre_dataDaoList.getTemp_org());

jo.put("pre_org",Pre_dataDaoList.getPre_org());

jsonArray.add(jo);

}

第二个问题接解决方法:

Servlet层得到的是List型数组,通过JSON转换,由ajax接收。接收到的data为var类型,是String类型,不能循环插入table中,所以,ajax得到的data需要经过eval()函数处理。

$.ajax({

url : "http://localhost:8080/tianjin-ssms-meach/Pre_checkDataServlet",

type : "post",

success : function(data2)

{

var data = eval(data2);

var pressureThead = "

时间编号序号标校温度标校气压采集温度采集气压初测温度初测气压温度原始值气压原始值";

$("#originalDataInfoQueryTable thead").append(pressureThead); //写入表头

for(var i=0;i

var tbody;

tbody='

'+data[i].time+''+''+data[i].name+''+''+data[i].num+''+''+data[i].set_temp+''

+'

'+data[i].set_pre+''+''+data[i].collect_temp+''+''+data[i].collect_pre+''+''+data[i].measure_temp+''

+'

'+data[i].measure_pre+''+''+data[i].temp_org+''+''+data[i].pre_org+''

$("#originalDataInfoQueryTable tbody").append('

'+tbody+'');//写入表格数据

}

}

});

标签:Pre,dataDaoList,temp,传入,ajax,json,jo,put,data

来源: https://www.cnblogs.com/lwcwj/p/12907131.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值