用Jquery读取JSON数据显示在jtemplates后,怎么去修改
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用Jquery读取JSON数据显示在jtemplates后,怎么去修改相关的知识,希望对你有一定的参考价值。
参考技术A <html><head>
<script>
var json="hj":"newPrice":"980","date":"2009-01-01 16:00:00","bj":"newPrice":"1200";
function setJson(json)
for(var i in json)
for(var j in json[i])
document.getElementById(i+j).innerText=json[i][j];
document.getElementById(i+j).style.color='red';
setTimeout("setColor()",3000);
document.getElementById('span').innerText='变动后';
function setColor()
var tds = document.getElementById('tb').getElementsByTagName('td');
for(var i=0;i<tds.length;i++)
tds[i].style.color='black';
</script>
</head>
<body>
变动前
<table>
<tr>
<td>品种 </td><td> 最新价 </td><td> 开盘价 </td><td> 时间 </td>
</tr>
<tr>
<td>黄金 </td><td> 960 </td><td> 959 </td><td> 2009-01-01 12:12:12 </td>
</tr>
<tr>
<td>白银 </td><td> 16 </td><td> 16 </td><td> 2009-01-01 12:12:10 </td>
</tr>
<tr>
<td>铂金 </td><td> 1230 </td><td> 1228 </td><td> 2009-01-01 12:12:14 </td>
</tr>
</table>
<hr>
<span id='span'>变动前</span>
<table id='tb'>
<tr>
<td>品种 </td><td> 最新价 </td><td> 开盘价 </td><td> 时间 </td>
</tr>
<tr>
<td id='hj'>黄金 </td><td id='hjNewPrice'> 960 </td><td id='hjOpenPrice'> 959 </td><td id='hjDate'> 2009-01-
01 12:12:12 </td>
</tr>
<tr>
<td id='by'>白银 </td><td id='byNewPrice'> 16 </td><td id='byOpenPrice'> 16 </td><td id='byDate'> 2009-01-01
12:12:10 </td>
</tr>
<tr>
<td id='bj'>铂金 </td><td id='bjNewPrice'> 1230 </td><td id='bjOpenPrice'> 1228 </td><td id='bjDate'> 2009-01-
01 12:12:14 </td>
</tr>
</table>
<input type="button" value="改变" onclick='setJson(json);' />
</body>
</html>本回答被提问者和网友采纳
用JQuery实现ajax删除数据
数据显示在这个页面。然后在这个页面点击删除后。怎么有无刷新把更新后的数据显示出来呢?
参考技术A 删除的时候,获取当前删除行的行号,删除成功之后,把这一行数据删除;其实可以用jquery的easyui 或者ligerui 来实现,还不错。这2个插件的实现:
在页面加载完成时,通过ajax去后台获取数据,封装成json,传回页面,然后将数据解析,生成table,写入数据行。当你需要对数据操作时,同样也是异步操作,操作完成之后,再去查询数据,通过js重新生成table,写入数据行。
你可以看下这2个插件的api。追问
删除成功过后。然后在去读取数据库。把新数据生成table显示吗
追答嗯,是这样的。
追问谢谢额。不过你说的那2个插件不懂!一会就去看看
本回答被提问者和网友采纳 参考技术B 就是删除玩后 你可以在后台执行一个重新绑定grid的方法 那他就刷新了嘛追问没有刷新。只是集合刷新了。页面没有刷新,所有数据还是之前的那个
追答我是说你后台重新绑定了 你前台的页面不刷新 但是数据会刷新 同学
参考技术C 你把那条数据的ID传到Jquery里面去用$.ajax()技术在传到后台进行删除语句就可以了追问删除是可以啦。就是删除完成了后。要把更新后的数据又显示出来
以上是关于用Jquery读取JSON数据显示在jtemplates后,怎么去修改的主要内容,如果未能解决你的问题,请参考以下文章
layui 利用ajax冲获取到json 数据后 怎样进行渲染