Heim 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;
}
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heißer Artikel

<🎜>: Bubble Gum Simulator Infinity - So erhalten und verwenden Sie Royal Keys
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Nordhold: Fusionssystem, erklärt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Mandragora: Flüstern des Hexenbaum
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Java-Tutorial
1670
14
PHP-Tutorial
1274
29
C#-Tutorial
1256
24
Ausführliche Erklärung zur Verwendung von Take und Limit in Laravel Ausführliche Erklärung zur Verwendung von Take und Limit in Laravel Mar 10, 2024 pm 05:51 PM

„Detaillierte Erläuterung der Verwendung von Take und Limit in Laravel“ In Laravel sind Take und Limit zwei häufig verwendete Methoden, mit denen die Anzahl der in Datenbankabfragen zurückgegebenen Datensätze begrenzt wird. Obwohl ihre Funktionen ähnlich sind, gibt es einige subtile Unterschiede in bestimmten Nutzungsszenarien. In diesem Artikel wird die Verwendung dieser beiden Methoden im Detail analysiert und spezifische Codebeispiele bereitgestellt. 1. Take-Methode In Laravel wird die Take-Methode verwendet, um die Anzahl der zurückgegebenen Datensätze zu begrenzen, normalerweise in Kombination mit der orderBy-Methode.

Was soll ich tun, wenn Docker Start nicht gestartet werden kann? Was soll ich tun, wenn Docker Start nicht gestartet werden kann? Oct 21, 2022 pm 03:43 PM

Lösung für Docker-Startfehler: 1. Überprüfen Sie den Betriebsstatus und geben Sie dann den belegten Speicher über den Befehl „echo 3 &gt; /proc/sys/vm/drop_caches“ frei. 2. Verwenden Sie „$netstat -nltp|grep ..“. "-Befehl, um zu überprüfen, ob der Port belegt ist. Wenn nach dem Online-Gehen festgestellt wird, dass er belegt ist, ändern Sie ihn in einen verfügbaren Port und starten Sie neu.

Welche Datei ist Schritt? Welche Datei ist Schritt? Dec 20, 2023 pm 05:22 PM

Das STEP-Dateiformat ist ein wichtiges 3D-Modelldatenaustauschformat. Es spielt eine wichtige Rolle in CAD, CAM und anderen verwandten Bereichen. Seine Standardisierung und weit verbreitete Anwendung tragen dazu bei, die Arbeitseffizienz zu verbessern, die Komplexität der Datenkonvertierung zu reduzieren und die Interoperabilität zwischen verschiedenen Systemen zu fördern . Der vollständige Name lautet „Standard Terminal Equipment Protocol“. Hierbei handelt es sich um dreidimensionale Bilddaten, die auf der textcodierten Austauschstruktur des ASCII-Formats basieren und dem STEP-Anwendungsprotokoll ISO 10303-21 entsprechen.

Was tun, wenn der Knotenstart einen Fehler meldet? Was tun, wenn der Knotenstart einen Fehler meldet? Dec 29, 2022 pm 01:55 PM

Lösung für den Knotenstartfehler: 1. Führen Sie „node xx.js“ direkt im Terminal aus. 2. Fügen Sie das Startup-Element „scripts“ hinzu: {“test“: „echo \“Fehler: kein Test angegeben\“ && Exit 1“ ,“start“: „node service.js“}“; 3. Führen Sie „npm start“ erneut aus.

Ein tiefer Einblick in die Unterschiede zwischen Take und Limit in Laravel Ein tiefer Einblick in die Unterschiede zwischen Take und Limit in Laravel Mar 10, 2024 pm 01:00 PM

In Laravel verwenden wir häufig einige Methoden, um die Anzahl der Abfrageergebnisse zu begrenzen, einschließlich Take- und Limit-Methoden. Sie können zwar beide verwendet werden, um die Anzahl der Abfrageergebnisse zu begrenzen, weisen jedoch einige subtile Unterschiede auf. In diesem Artikel gehen wir eingehend auf die Unterschiede zwischen Take und Limit in Laravel ein und veranschaulichen sie anhand konkreter Codebeispiele. Schauen wir uns zunächst die Take-Methode an. Die Take-Methode ist Teil von Eloquent und wird typischerweise für verwendet

Vergleich der Funktionen und Verwendung von Take und Limit in Laravel Vergleich der Funktionen und Verwendung von Take und Limit in Laravel Mar 09, 2024 pm 09:09 PM

Take und Limit sind zwei in Laravel häufig verwendete Methoden, um die Anzahl der Abfrageergebnismengen zu begrenzen. Obwohl sie gewisse Ähnlichkeiten in der Funktionalität aufweisen, unterscheiden sie sich in der Verwendung und einigen Details. In diesem Artikel werden die Funktionen und die Verwendung dieser beiden Methoden detailliert verglichen und spezifische Codebeispiele bereitgestellt, um den Lesern zu helfen, die Unterschiede zwischen ihnen besser zu verstehen und sie richtig anzuwenden. 1.take-Methode Die take-Methode befindet sich im LaravelEloquent-Abfrage-Builder

So verwenden Sie die Limit- und Skip-Funktionen von Stream in Java für Stream-Vorgänge So verwenden Sie die Limit- und Skip-Funktionen von Stream in Java für Stream-Vorgänge Jun 26, 2023 pm 03:55 PM

StreamAPI wurde in Java 8 eingeführt, was den Betrieb von Sammlungen erheblich vereinfachen kann. Die Stream-Klasse bietet viele funktionale Methoden zum Bearbeiten von Streams, einschließlich Filtern, Zuordnen, Zusammenführen und mehr. Unter diesen sind Limit und Skip zwei Funktionen, mit denen die Anzahl der Elemente in Stream-Operationen begrenzt wird. 1. Limit-Funktion Die Limit-Funktion wird verwendet, um die Anzahl der Elemente im Stream zu begrenzen. Sie akzeptiert einen langen Typparameter n, der die Anzahl der Limits darstellt. Nach dem Aufruf der Limit-Funktion wird ein neuer Stream zurückgegeben, der nur enthält

Was ist der Unterschied zwischen Link-Tag und Import? Was ist der Unterschied zwischen Link-Tag und Import? Aug 28, 2023 am 11:19 AM

Zu den Unterschieden zwischen Link-Tags und Import gehören Syntax und Verwendung, Funktionen und Features, Ladezeitpunkt, Kompatibilität und Support usw. Detaillierte Einführung: 1. Syntax und Verwendung. Das Link-Tag ist ein HTML-Tag, das zum Einfügen externer Ressourcen in HTML-Dokumente verwendet wird, z. B. CSS-Stylesheets, JavaScript-Skripte, Symbole usw. import ist die Modulimportsyntax in ES6, die in verwendet wird JavaScript-Dateien. Einführung externer Module; 2. Funktionen und Features. Das Link-Tag kann eine Vielzahl von Ressourcen einführen, z. B. CSS-Stylesheets, Symbole usw.

See all articles