用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后,怎么去修改的主要内容,如果未能解决你的问题,请参考以下文章

在jquery中怎么获取数据库数据?

jquery如何返回json数据?

layui 利用ajax冲获取到json 数据后 怎样进行渲染

Ajax获取到后台json数据,然后怎么取其中name的值赋值给li标签里面

使用 jquery 将 json 数组对象显示为 html

用 html/jquery 中的一个 JSON 字符串替换许多数据标签 [重复]