现在的位置: 首页 > 综合 > 正文

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

2012年09月12日 ⁄ 综合 ⁄ 共 6156字 ⁄ 字号 评论关闭

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

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

效果图如下:

解决思路:

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><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代码

抱歉!评论已关闭.