中显示结果。下面是在这个交互场景中所使用到的html" class="wordstyle">JavaScript函数:
　　
　　function updateTotal() {
　　$("resultTable").style.display = 'none';
　　var bedrooms = document.getElementById("bedrooms").value;
　　var bathrooms = document.getElementById("bathrooms").value;

var price = document.getElementById("price").value;
　　ApartmentDAO.countApartments(loadTotal, bedrooms, bathrooms, price);}function loadTotal(data) {
　　document.getElementById("totalRecords").innerHTML = data;}
　　
　　很明显，用户想看到符合他的搜索条件的公寓列表。那么，当用户对他的搜索标准感到满意，并且总数也是有效的话，他会按下显示结果的按纽，这将会调用updateResults() html" class="wordstyle">JavaScript方法：
　　
　　function updateResults() {
　　DWRUtil.removeAllRows("apartmentsbody");
　　var bedrooms = document.getElementById("bedrooms").value;
　　var bathrooms = document.getElementById("bathrooms").value;
　　var price = document.getElementById("price").value;
　　ApartmentDAO.findApartments(fillTable, bedrooms, bathrooms, price);
　　$("resultTable").style.display = '';}function fillTable(apartment) {
　　DWRUtil.addRows("apartmentsbody", apartment, [ getId, getAddress, getBedrooms, getBathrooms, getPrice ]);}
　　
　　updateResults()方法清空了存放搜索返回结果的表域，从用户界面上获取所需参数，并且将这些参数传给DWR创建的ApartmentDAO对象。然后数据库查询将被执行，fillTable()将会被调用，它解析了DWR返回的对象(apartment)，然后将其显示到页面中(apartmentsbody)。
　　
　　安全因素
　　
　　为了保持示例的简要，ApartmentDAO类尽可能的保持简单，但这样的一个类通常有一组设置方法来操作数据，如insert(), update()和delete()。DWR暴露了所有公共方法给所有的HTML页面调用。出于安全的原因，像这样暴露你的数据访问层是不明智的。开发者可以创建一个门面来集中所有html" class="wordstyle">JavaScript函数与底层业务组件之间的通信，这样就限制了过多暴露的功能。