ssh+dwr_ajax

最新推荐文章于 2014-04-20 19:28:38 发布

_xn

最新推荐文章于 2014-04-20 19:28:38 发布

阅读量459

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端文章标签： ssh dwr ajax

本文链接：https://blog.youkuaiyun.com/u011881397/article/details/23926761

web前端专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个使用 DWR (Direct Web Remoting) 实现 AJAX 功能的例子。通过 JavaScript 调用服务器端方法获取数据，并利用 dwr.util API 更新页面内容。具体展示了如何加载和显示服务器返回的数据。

由于本人是初学者，在此记录难点代码，方便日后查看

<title>Insert title here</title>
<script type='text/javascript' src='/test/dwr/engine.js'></script>
<script type='text/javascript' src='/test/dwr/interface/test.js'></script>
<script type='text/javascript' src='/test/dwr/util.js'></script>
<script type="text/javascript">
window.onload=add();
function add(){
test.getAll(cb);
}

function cb(data){
var cellfunces=[
function(data){return data.id;},
function(data){return data.name;},
function(data){return data.age;}
];
//删除所有行数据，避免数据重复
dwr.util.removeAllRows("demo1");
//demo1是tbody中的id
//data是获取的集合
//cellfunces是读取数据所用方法
dwr.util.addRows("demo1",data,cellfunces);
}
</script>
</head>
<body>
<input type="button" value="ajax" onclick="add();" />
<table border="1px" id="tes">
<thead>
<tr>
<td>ewfde</td>
<td>efew</td>
<td>fewfe</td>
</tr>
</thead>
<tbody id="demo1">

</tbody>
</table>

</body>