masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

Rumah > hujung hadapan web > tutorial js > 使用JS+XML（数据岛）实现分页）_javascript技巧

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

WBOY

Lepaskan： 2016-05-16 19:20:57

asal

1016 orang telah melayarinya

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

Label berkaitan：

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

sumber：php.cn

Artikel sebelumnya：javascript 的面向对象特性参考_基础知识 Artikel seterusnya：javascript基础的动画教程，直观易懂_基础知识

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang

Apakah itu NullPointerException, dan bagaimana saya membetulkannya?

2024-10-22 09:46:29
Daripada Novis kepada Coder: Perjalanan Anda Bermula dengan Asas C

2024-10-13 13:53:41
Membuka Kunci Pembangunan Web dengan PHP: Panduan Pemula

2024-10-12 12:15:51
Demystifying C: Laluan Yang Jelas dan Mudah untuk Pengaturcara Baharu

2024-10-11 22:47:31
Buka Potensi Pengekodan Anda: Pengaturcaraan C untuk Pemula Mutlak

2024-10-11 19:36:51
Lepaskan Pengaturcara Dalaman Anda: C untuk Pemula Mutlak

2024-10-11 15:50:41
Automasi Kehidupan Anda dengan C: Skrip dan Alat untuk Pemula

2024-10-11 15:07:41
PHP Dipermudahkan: Langkah Pertama Anda dalam Pembangunan Web

2024-10-11 14:21:21
Bina Apa sahaja dengan Python: Panduan Pemula untuk Melancarkan Kreativiti Anda

2024-10-11 12:59:11
Kunci Pengekodan: Membuka Kunci Kuasa Python untuk Pemula

2024-10-11 12:17:31

Isu terkini

PHP AJAX tidak mengemas kini secara dinamik walaupun consolelog mempunyai nilai yang betul Saya cuba mengemas kini $_POST['kategori'] dengan mengklik butang. Saya cuba menggunakan A...

daripada 2024-04-02 17:50:59

0

1

396

Topik-topik yang berkaitan

Lagi>

Cadangan popular

Tutorial Popular

Lagi>

Tutorial berkaitan

Cadangan popular

Kursus terkini

Muat turun terkini

Lagi>

kesan web

Kod sumber laman web

Bahan laman web

Templat hujung hadapan