communauté Apprendre Bibliothèque d'outils Loisirs

Français

Maison > interface Web > js tutoriel > 使用JS+XML（数据岛）实现分页）_javascript技巧

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

WBOY

Libérer： 2016-05-16 19:20:57

original

1015 Les gens l'ont consulté

作者：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) 无隐私数据(比如用户密码)

Étiquettes associées：

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

source：php.cn

Article précédent：javascript 的面向对象特性参考_基础知识 Article suivant：javascript基础的动画教程，直观易懂_基础知识

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur

Qu'est-ce qu'une NullPointerException et comment y remédier ?

2024-10-22 09:46:29
De novice à codeur : votre voyage commence par les principes fondamentaux du C

2024-10-13 13:53:41
Débloquer le développement Web avec PHP : guide du débutant

2024-10-12 12:15:51
Démystifier C : un chemin clair et simple pour les nouveaux programmeurs

2024-10-11 22:47:31
Libérez votre potentiel de codage : programmation C pour les débutants absolus

2024-10-11 19:36:51
Libérez votre programmeur intérieur : C pour les débutants absolus

2024-10-11 15:50:41
Automatisez votre vie avec C : scripts et outils pour les débutants

2024-10-11 15:07:41
PHP Made Easy : vos premiers pas dans le développement Web

2024-10-11 14:21:21
Construisez n'importe quoi avec Python : un guide du débutant pour libérer votre créativité

2024-10-11 12:59:11
La clé du codage : libérer la puissance de Python pour les débutants

2024-10-11 12:17:31

Derniers numéros

PHP AJAX ne se met pas à jour dynamiquement même si le consolelog a une valeur correcte J'essaie de mettre à jour $_POST['category'] en cliquant sur un bouton. J'essaie d'utilise...

Depuis 2024-04-02 17:50:59

0

1

396

Rubriques connexes

Plus>

Recommandations populaires

Tutoriels populaires

Plus>

Tutoriels associés

Recommandations populaires

Derniers cours

Derniers téléchargements

Plus>

effets Web

Code source du site Web

Matériel du site Web

Modèle frontal