javascript动态操作表格

比如说我们在发送ajax后返回的JSON格式的字符串,那么我们要把这些数据放入HTML应该怎么办呢?
在现在的页面布局中,table的使用很少了,但是在展现列表等数据的时候还是会使用table,原因只因为table比div更方便,所以用JS操作table也是经常使用的,好了,还是看代码,
ajax发送过程就不写了,这里的是ajax的onreadystatechange调用函数
假设我们这里的data = [{"username":"张三","age":"25"},{"username":"李四","age":"30"}]

function show(){
var data = ajax.responseText;//返回数据---JSON格式字符串
data = data.replace(/^\s*/, "").replace(/\s*$/, "");//取出返回数据里面多余的空值
data = eval('('+data+')'); //将JSON格式字符串转换为JSON对象
var tab = document.getElementById("table_id");//获取页面的table
for(var i=0;i<data.length;i++){
var newLine = tab.insertRow();//添加一行
var newCell1 = newLine.insertCell();
var newCell2 = newLine.insertCell();
newCell1.innerHTML=data[i].username;
newCell2.innerHTML=data[i].age;
}
}

好了现在我们的数据就展现在前端HTML页面了!
这一次写的有点差,多多见谅,这是想把我的学习内容分享给大家, 最近项目里面的ajax用的很多,所以基本上都是写的这方面的内容。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值