调用数据库中数据以XML形式显示，然后由Ajax异步显示在页面上

Question

也许我上面标题写的不正确，但看看这个网站，大师们应该会明白的
http://www.dswan.cn/Customize/Customize1.aspx?Type=1
大师们都看看这个网站，它里面有个个性定制模块，拖动价格，或则重量等其他参数值，
下面的搜索结果会变化，而且是用到Ajax异步实现的，不知道这个模块的功能是怎么实现的，
而且我拷贝到它的脚本和HTML代码，但后台不知道它怎么实现的，
小弟不才，希望大师们有类似的源代码给小弟传一份，JSP、asp.net都可以，邮箱是[email protected]
不胜感激！！！！！！！

Answer 1

想如此快地顯示數據，AJAX不夠的，  肯定要頁面緩存才行。

Answer 2

应该有很多种作法,我的做法是
两个div
div1,div2 div1作为整个滑动条,背景用红色刻度条 div2最后边放置滑块(一张滑块的图片)其他区域显示白色刻度条背景
事件应该是onmousover之类然后改变div2的长度,覆盖div1价格应该是div2的长度比
比如最大价格为1000000的话,选择的价格应该是
math.floor((_width2/_width1)*1000000);
其他也一样

Answer 3

一共分三步：
1、用AJAX读取服务器提供的XML；
2、用下面函数返回的对象，解析XML；function getXMLDom(xmlString) {
var xmldom;
if (window.ActiveXObject) {
var xmldom = new ActiveXObject("Microsoft.XMLDOM");
} else {
if (document.implementation && document.implementation.createDocument) {
var xmldom = document.implementation
.createDocument("", "doc", null);
}
}
xmldom.async = false;
xmldom.resolveExternals = false;
xmldom.validateOnParse = false;
xmldom.preserveWhiteSpace = true;
try {
xmldom.loadXML(xmlString);
} catch (e) {
try {
xmldom = (new DOMParser()).parseFromString(xmlString, "text/xml");
} catch (e) {
alert(e.message);
}
}
return xmldom;
}3、用innerHTML方法或JQuery等脚本框架将解析XML得到的数据布局到显示区；