Rumah php教程 PHP源码 结合AJAX进行PHP开发之入门(二)

结合AJAX进行PHP开发之入门(二)

Jun 08, 2016 pm 05:33 PM
limit link output start step

<script>ec(2);</script>

导航的实现

  虽然表格列出了目录中的一些图像,但用户还需要一种查看表格中未出现的图片的方法。要真正实现分页器的导行,则需要一套标准的链接:首页、上一页、下一页和尾页。

  清单 3. 分页器导航

// Append navigation
$output = '

Showing items ' . $limit_start . '-' .
min($limit_start $limit_step - 1, count($images)) .
' of ' . count($images) . '
';

$prev_start = max(0, $limit_start - $limit_step);
if ( $limit_start > 0 ) {
 $output .= get_table_link('  $output .= ' | ' . get_table_link('Prev',
 $prev_start, $limit_step);
} else {
 $output .= ' }

// Append next button
$next_start = min($limit_start $limit_step, count($images));
if ( $limit_start $limit_step  $output .= ' | ' . get_table_link('Next',$next_start, $limit_step);
 $output .= ' | ' . get_table_link('>>',(count($images) - $limit_step), $limit_step);
} else {
 $output .= ' | Next | >>';
}

$output .= '

';

  最后还要编写 get_image_link() 和 get_table_link() 函数,让用户将缩略图展开成完整的图像(参见清单 4)。注重,脚本 index.php(以及后面要创建的 expand.php)只在这两个函数中调用。这样就很轻易改变链接的功能。事实上在下面与 Sajax 进行集成时,只有这两个函数需要修改。

  清单 4. get_image_link、get_table_link 实现

function get_table_link ( $title, $start, $step ) {
 $link = "index.php?start=$start&step=$step";
 return '' . $title .'';
}

function get_image_link ( $title, $index ) {
 $link = "expand.php?index=$index";
 return '' . $title . '';
}

  放大图片

  现在有了一个可用的分页器为用户提供一些缩略图。相册的第二项功能是答应用户单击缩略图来查看全图。get_image_link() 函数调用了 expand.php 脚本,我们现在就来编写它。该脚本传递用户希望展开的文件的索引,因此必须在此列出目录并获得适当的文件名。随后的操作就很简单了,只需创建病输出 image 标记即可。

  清单 5. get_image 函数

function get_image ( $index ) {
 $images = get_image_list ( 'images' );

 // Generate navigation

 $output .= '结合AJAX进行PHP开发之入门(二)';
 return $output;
}
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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

<🎜>: Bubble Gum Simulator Infinity - Cara Mendapatkan dan Menggunakan Kekunci Diraja
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Nordhold: Sistem Fusion, dijelaskan
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Mandragora: Whispers of the Witch Tree - Cara Membuka Kunci Cangkuk Bergelut
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Tutorial Java
1670
14
Tutorial PHP
1274
29
Tutorial C#
1256
24
Penjelasan terperinci tentang cara menggunakan ambil dan had dalam Laravel Penjelasan terperinci tentang cara menggunakan ambil dan had dalam Laravel Mar 10, 2024 pm 05:51 PM

"Penjelasan terperinci tentang cara menggunakan ambil dan had dalam Laravel" Dalam Laravel, ambil dan had ialah dua kaedah yang biasa digunakan, digunakan untuk mengehadkan bilangan rekod yang dikembalikan dalam pertanyaan pangkalan data. Walaupun fungsi mereka adalah serupa, terdapat beberapa perbezaan halus dalam senario penggunaan tertentu. Artikel ini akan menganalisis penggunaan kedua-dua kaedah ini secara terperinci dan memberikan contoh kod khusus. 1. Kaedah Ambil Dalam Laravel, kaedah ambil digunakan untuk mengehadkan bilangan rekod yang dikembalikan, biasanya digabungkan dengan kaedah orderBy.

Apakah yang perlu saya lakukan jika docker start tidak boleh bermula? Apakah yang perlu saya lakukan jika docker start tidak boleh bermula? Oct 21, 2022 pm 03:43 PM

Penyelesaian kepada kegagalan permulaan docker: 1. Semak status berjalan, dan kemudian lepaskan memori yang diduduki melalui arahan "echo 3 &gt; /proc/sys/vm/drop_caches" 2. Gunakan "$netstat -nltp|grep .. . " perintah untuk menyemak sama ada port telah diduduki. Jika ia didapati telah diduduki selepas pergi dalam talian, tukarkannya kepada port yang tersedia dan kemudian mulakan semula.

Fail apakah langkah? Fail apakah langkah? Dec 20, 2023 pm 05:22 PM

Format fail STEP ialah format pertukaran data model 3D yang penting Ia memainkan peranan penting dalam CAD, CAM dan bidang lain yang berkaitan Penyeragamannya dan aplikasi meluas membantu meningkatkan kecekapan kerja, mengurangkan kerumitan penukaran data, dan Menggalakkan kesalingoperasian antara sistem yang berbeza. . Nama penuh ialah "Standard Terminal Equipment Protocol", iaitu data imej tiga dimensi berdasarkan struktur pertukaran berkod teks bagi format ASCII yang mematuhi standard protokol aplikasi STEP ISO 10303-21.

Perkara yang perlu dilakukan jika permulaan nod melaporkan ralat Perkara yang perlu dilakukan jika permulaan nod melaporkan ralat Dec 29, 2022 pm 01:55 PM

Penyelesaian kepada ralat permulaan nod: 1. Jalankan "nod xx.js" terus dalam terminal 2. Tambah item permulaan "skrip": {"test": "echo \"Error: no test specified\" && exit 1 "; ,"start":"node service.js"}"; 3. Laksanakan semula "npm start".

Menyelam mendalam tentang perbezaan antara ambil dan had dalam Laravel Menyelam mendalam tentang perbezaan antara ambil dan had dalam Laravel Mar 10, 2024 pm 01:00 PM

Dalam Laravel, kami sering menggunakan beberapa kaedah untuk mengehadkan bilangan hasil pertanyaan, termasuk kaedah ambil dan had. Walaupun kedua-duanya boleh digunakan untuk mengehadkan bilangan hasil pertanyaan, mereka mempunyai beberapa perbezaan yang ketara. Dalam artikel ini, kami akan mendalami cara mengambil dan had berbeza dalam Laravel dan menggambarkannya dengan contoh kod konkrit. Pertama, mari kita lihat kaedah ambil. Kaedah ambil adalah sebahagian daripada Eloquent dan biasanya digunakan untuk

Perbandingan fungsi dan penggunaan ambil dan had dalam Laravel Perbandingan fungsi dan penggunaan ambil dan had dalam Laravel Mar 09, 2024 pm 09:09 PM

Ambil dan hadkan ialah dua kaedah yang biasa digunakan dalam Laravel untuk mengehadkan bilangan set hasil pertanyaan. Walaupun ia mempunyai persamaan tertentu dalam fungsi, ia berbeza dalam penggunaan dan beberapa butiran. Artikel ini akan menjalankan perbandingan terperinci tentang fungsi dan penggunaan kedua-dua kaedah ini, dan menyediakan contoh kod khusus untuk membantu pembaca memahami dengan lebih baik perbezaan antara mereka dan cara menggunakannya dengan betul. 1.kaedah ambil Kaedah ambil adalah dalam pembina pertanyaan LaravelEloquent

Cara menggunakan had dan langkau fungsi Stream dalam Java untuk operasi strim Cara menggunakan had dan langkau fungsi Stream dalam Java untuk operasi strim Jun 26, 2023 pm 03:55 PM

StreamAPI telah diperkenalkan dalam Java 8, yang boleh memudahkan operasi koleksi. Kelas Strim menyediakan banyak kaedah berfungsi untuk beroperasi pada strim, termasuk penapisan, pemetaan, penggabungan dan banyak lagi. Antaranya, had dan langkau adalah dua fungsi yang digunakan untuk mengehadkan bilangan elemen dalam operasi aliran. 1. Fungsi had Fungsi had digunakan untuk mengehadkan bilangan elemen dalam aliran Ia menerima parameter jenis panjang n, yang mewakili bilangan had. Selepas memanggil fungsi had, aliran baharu dikembalikan, yang hanya mengandungi

Apakah perbezaan antara teg pautan dan import? Apakah perbezaan antara teg pautan dan import? Aug 28, 2023 am 11:19 AM

Perbezaan antara teg pautan dan import termasuk sintaks dan penggunaan, fungsi dan ciri, masa pemuatan, keserasian dan sokongan, dsb. Pengenalan terperinci: 1. Sintaks dan penggunaan Teg pautan ialah teg HTML, digunakan untuk memperkenalkan sumber luaran ke dalam dokumen HTML, seperti helaian gaya CSS, skrip JavaScript, ikon, dsb. import ialah sintaks import modul dalam ES6, digunakan dalam Fail JavaScript. Memperkenalkan modul luaran;

See all articles