使用JS+XML（資料島）實現分頁）_javascript技巧

作者：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="#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)  無隱私資料(比如使用者密碼)