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() 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页面调用。出于安全的原因，像这样暴露你的数据访问层是不明智的。开发者可以创建一个门面来集中所有JavaScript函数与底层业务组件之间的通信，这样就限制了过多暴露的功能。

结论