xml分页+ajax请求数据源+dom取结果

最近做的一个项目里的某个小功能,主要是为了方便选择数据

演示地址:由于有恶意程序，所以去掉地址

效果图如下:

解决思路:

1.单击[选择]时,根据当前选择(下拉框)的分类ID,使用ajax请求,取得数据源(服务端使用dataSet.getXml()输出,因为数据量不是很大,所以就偷懒了)

2.客户端使用xml数据岛分页显示(使用数据岛分页比较简单,不用写太多的代码)

3.搜索时,根据当前选择(下拉框)的分类ID,和搜索关键字,重新使用ajax请求(好像也可以使用xml的结果过滤,但为了方便,重新请求算了),跳到第2步显示

4.取数据时,单击某行时,使用onclick事件,把当前行的tr做为参数,使用dom操作就可以得到tr里的td的值

附:由于没考虑到其它细节的问题,所以代码有点乱,希望各位能多多指导,各位的批评就是我进步的最好的捷径.谢谢

贴出全部代码,希望能和大家相互交流一下

index.html  显示页面:

        <select id="productID" onchange="changeID()" NAME="productID">
            <option value="1" selected>1111</option>
            <option value="2">2222</option>
            <option value="3">3333</option>
        </select><br>
        <table>
            <tr>
                <td><input id="selectValue" type="text" size="40"></td><td><a href='#' onclick='show()'><img src='img/btnSelect.gif' /></a></td>
            </tr>
        </table>        
        <div id="selectData"></div>
        <input id="abc" type="text" size="50%" />

data.js   所有操作js代码

}

getXml.aspx  服务端数据源

        private void Page_Load(object sender, System.EventArgs e)
        }