Maison 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;
}
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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Que dois-je faire si Docker Start ne peut pas démarrer ? Que dois-je faire si Docker Start ne peut pas démarrer ? Oct 21, 2022 pm 03:43 PM

Solution à l'échec du démarrage du docker : 1. Vérifiez l'état d'exécution, puis libérez la mémoire occupée via la commande "echo 3 &gt; /proc/sys/vm/drop_caches" ; 2. Utilisez "$netstat -nltp|grep .. . " pour vérifier si le port a été occupé. S'il s'avère occupé après la mise en ligne, remplacez-le par un port disponible, puis redémarrez.

Explication détaillée de la façon d'utiliser take et limit dans Laravel Explication détaillée de la façon d'utiliser take et limit dans Laravel Mar 10, 2024 pm 05:51 PM

"Explication détaillée de l'utilisation de take et limit dans Laravel" Dans Laravel, take et limit sont deux méthodes couramment utilisées pour limiter le nombre d'enregistrements renvoyés dans les requêtes de base de données. Bien que leurs fonctions soient similaires, il existe quelques différences subtiles dans les scénarios d'utilisation spécifiques. Cet article analysera en détail l’utilisation de ces deux méthodes et fournira des exemples de code spécifiques. 1. Méthode Take Dans Laravel, la méthode take est utilisée pour limiter le nombre d'enregistrements renvoyés, généralement combinée avec la méthode orderBy.

Quel fichier est l'étape ? Quel fichier est l'étape ? Dec 20, 2023 pm 05:22 PM

Le format de fichier STEP est un format d'échange de données de modèles 3D important. Il joue un rôle important dans la CAO, la FAO et d'autres domaines connexes. Sa standardisation et son application généralisée contribuent à améliorer l'efficacité du travail, à réduire la complexité de la conversion des données et à promouvoir l'interopérabilité entre les différents systèmes. . Le nom complet est « Standard Terminal Equipment Protocol », qui sont des données d'image tridimensionnelles basées sur la structure d'échange codée en texte au format ASCII qui est conforme à la norme ISO 10303-21 du protocole d'application STEP.

Comparaison des fonctions et utilisation de take et limit dans Laravel Comparaison des fonctions et utilisation de take et limit dans Laravel Mar 09, 2024 pm 09:09 PM

Take et limit sont deux méthodes couramment utilisées dans Laravel pour limiter le nombre de jeux de résultats de requête. Bien qu’ils présentent certaines similitudes en termes de fonctionnalités, ils diffèrent par leur utilisation et certains détails. Cet article procédera à une comparaison détaillée des fonctions et de l'utilisation de ces deux méthodes, et fournira des exemples de code spécifiques pour aider les lecteurs à mieux comprendre les différences entre elles et comment les appliquer correctement. 1.méthodetake La méthode take est dans le générateur de requêtes LaravelEloquent

Paramètres de sortie frontale Paramètres de sortie frontale Feb 19, 2024 am 09:30 AM

La configuration de la sortie frontale nécessite des exemples de code spécifiques. Dans le développement front-end, la configuration de la sortie est une configuration très importante. Il est utilisé pour définir le chemin du fichier, le nom du fichier et les chemins de ressources associés générés après le packaging du projet. Cet article présentera le rôle de la configuration de la sortie frontale, les options de configuration courantes et donnera des exemples de code spécifiques. Le rôle de la configuration de sortie : l'élément de configuration de sortie est utilisé pour spécifier le chemin du fichier et le nom du fichier générés après le packaging du projet. Il détermine le résultat final du projet. Emballé dans un webpack, etc.

La différence entre lien et importation est expliquée en détail : quelles sont les différences entre eux ? La différence entre lien et importation est expliquée en détail : quelles sont les différences entre eux ? Jan 06, 2024 am 08:19 AM

Analyse approfondie : quelle est la différence entre un lien et une importation ? Lors du développement de pages Web ou d'applications, nous devons souvent introduire des fichiers CSS externes ou des bibliothèques JavaScript pour améliorer ou personnaliser notre code. Dans ce processus, le lien et l'importation sont deux méthodes couramment utilisées. Bien que leur objectif soit d’introduire des ressources externes, il existe certaines différences dans leur utilisation spécifique. Syntaxe et emplacement : lien : utilisez la balise de lien pour lier des ressources externes dans le fichier HTML, généralement situé en tête du document HTML.

Quelle est la différence entre la balise de lien et l'importation ? Quelle est la différence entre la balise de lien et l'importation ? Aug 28, 2023 am 11:19 AM

Les différences entre les balises de lien et l'importation incluent la syntaxe et l'utilisation, les fonctions et fonctionnalités, le temps de chargement, la compatibilité et la prise en charge, etc. Introduction détaillée : 1. Syntaxe et utilisation La balise link est une balise HTML, utilisée pour introduire des ressources externes dans les documents HTML, telles que des feuilles de style CSS, des scripts JavaScript, des icônes, etc. import est la syntaxe d'importation du module dans ES6, utilisée dans Fichiers JavaScript. Introduire des modules externes ; 2. Fonctions et fonctionnalités La balise de lien peut introduire une variété de ressources, telles que des feuilles de style CSS, des icônes, etc.

Que faire si le démarrage du nœud signale une erreur Que faire si le démarrage du nœud signale une erreur Dec 29, 2022 pm 01:55 PM

Solution à l'erreur de démarrage du nœud : 1. Exécutez "node xx.js" directement dans le terminal ; 2. Ajoutez l'élément de démarrage "scripts": {"test": "echo \"Erreur : aucun test spécifié\" && exit 1 » ,"start": "node service.js"}"; 3. Réexécutez "npm start".

See all articles