使用JS+XML（数据岛）实现分页）

所属分类：网络编程 / JavaScript 阅读数： 561

收藏 0赞 0分享

作者：bencalie 整理日期：2004年6月15日

<xml id="users"> <userGroup>   <user>     <userid>user 1</userid>     <name>name 1</name>   </user>   <user>     <userid>user 2</userid>     <name>name 2</name>   </user>   <user>     <userid>user 3</userid>     <name>name 3</name>   </user>   <user>     <userid>user 4</userid>     <name>name 4</name>   </user>   <user>     <userid>user 5</userid>     <name>name 5</name>   </user>   <user>     <userid>user 6</userid>     <name>name 7</name>   </user>   <user>     <userid>user 7</userid>     <name>name 7</name>   </user>   <user>     <userid>user 8</userid>     <name>name 8</name>   </user>   <user>     <userid>user 9</userid>     <name>name 9</name>   </user> </userGroup> </xml> <table id="datatable" datasrc="https://zhanzhang360.qulang.net/imgupload/000526/#users" DATAPAGESIZE="3" width="400" border="1"> <tr>     <td><span datafld="userid"></span></td>     <td><span datafld="name"></span></td> </tr> </table> <button onclick="document.all.datatable.previousPage()">Previous Page</button> <button onclick="document.all.datatable.nextPage()">Next Page</button>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

很明显,这些XML数据是直接放到客户端的,因此只适合以下条件的应用:

1) 数据量少
2) 无隐私数据(比如用户密码)

更多精彩内容其他人还在看

使用JS+XML（数据岛）实现分页）

深入解析Vue 组件命名那些事

Vue学习笔记进阶篇之vue-cli安装及介绍

jquery版轮播图效果和extend扩展

jQuery Validate格式验证功能实例代码（包括重名验证）

Angular.js中angular-ui-router的简单实践

JavaScript实现二维坐标点排序效果

深入理解vue2.0路由如何配置问题

基于bootstrap实现多个下拉框同时搜索功能

JavaScript 值类型和引用类型的初次研究(推荐)

利用jQuery异步上传文件的插件用法详解

网络赚钱

站长故事