Maison développement back-end Problème PHP Comment implémenter le chargement asynchrone en PHP

Comment implémenter le chargement asynchrone en PHP

Oct 16, 2020 am 09:34 AM
php 异步加载

Comment implémenter le chargement asynchrone en PHP : obtenez d'abord la hauteur de la page dans la zone visible du navigateur ; puis construisez une formule pour calculer la proportion relative puis utilisez la méthode getJSON de jQuery pour envoyer une requête au serveur de résultat ; .php ; enfin, analysez simplement les données JSON.

Comment implémenter le chargement asynchrone en PHP

Recommandé : "Tutoriel vidéo PHP"

php charge les données de manière asynchrone

Nous utilisons de très nombreuses fonctions non actualisées. Je vais maintenant vous présenter un exemple, qui consiste à implémenter php+ajax pour réaliser le défilement et le chargement des données sans actualiser. L'exemple est très simple, il vous suffit de suivre le. processus.

Méthode

Tout d'abord, nous devons obtenir la hauteur de la page de la zone visible du navigateur

Comment implémenter le chargement asynchrone en PHP

Ensuite, lors du défilement de la page, nous Ce qu'il faut faire, c'est : calculer la hauteur totale de la page (lors du défilement vers le bas, la page charge de nouvelles données, donc la hauteur totale de la page change dynamiquement), calculer la position de la barre de défilement (la position de la barre de défilement change également dynamiquement avec la hauteur de la page chargée), puis Construire une formule pour calculer la proportion relative

Comment implémenter le chargement asynchrone en PHP

Lorsque la barre de défilement s'approche du bas de la page, un chargement ajax est déclenché. Dans cet exemple, nous utilisons la méthode getJSON de jQuery pour envoyer le résultat au serveur. PHP envoie une requête, et le paramètre de requête est page, c'est-à-dire le nombre de pages

Comment implémenter le chargement asynchrone en PHP

.

Si la réponse à la requête renvoie avec succès les données JSON, analysez les données JSON et ajoutez les données à la page DIV#container Enfin, si aucune donnée JSON n'est renvoyée, cela signifie que toutes les données ont été affichées

Comment implémenter le chargement asynchrone en PHP

Le code jQuery complet est le suivant

Comment implémenter le chargement asynchrone en PHP

result .php

Lorsque vous faites défiler vers le bas de la page, le La requête Ajax frontale consiste à result.php. Le programme d'arrière-plan interrogera les enregistrements correspondants dans la table de données en fonction du numéro de page de données demandé : page et convertira l'ensemble d'enregistrements en json. La sortie au format est renvoyée au front-end. pour le traitement

Comment implémenter le chargement asynchrone en PHP

D'accord, l'introduction de cet article se termine ici, allez voir l'effet.

Ce qui précède représente l'intégralité du contenu de cet article, j'espère que vous l'aimerez tous

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

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 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

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)

Guide d'installation et de mise à niveau de PHP 8.4 pour Ubuntu et Debian Guide d'installation et de mise à niveau de PHP 8.4 pour Ubuntu et Debian Dec 24, 2024 pm 04:42 PM

PHP 8.4 apporte plusieurs nouvelles fonctionnalités, améliorations de sécurité et de performances avec une bonne quantité de dépréciations et de suppressions de fonctionnalités. Ce guide explique comment installer PHP 8.4 ou mettre à niveau vers PHP 8.4 sur Ubuntu, Debian ou leurs dérivés. Bien qu'il soit possible de compiler PHP à partir des sources, son installation à partir d'un référentiel APT comme expliqué ci-dessous est souvent plus rapide et plus sécurisée car ces référentiels fourniront les dernières corrections de bogues et mises à jour de sécurité à l'avenir.

Date et heure de CakePHP Date et heure de CakePHP Sep 10, 2024 pm 05:27 PM

Pour travailler avec la date et l'heure dans cakephp4, nous allons utiliser la classe FrozenTime disponible.

Téléchargement de fichiers CakePHP Téléchargement de fichiers CakePHP Sep 10, 2024 pm 05:27 PM

Pour travailler sur le téléchargement de fichiers, nous allons utiliser l'assistant de formulaire. Voici un exemple de téléchargement de fichiers.

Discuter de CakePHP Discuter de CakePHP Sep 10, 2024 pm 05:28 PM

CakePHP est un framework open source pour PHP. Il vise à faciliter grandement le développement, le déploiement et la maintenance d'applications. CakePHP est basé sur une architecture de type MVC à la fois puissante et facile à appréhender. Modèles, vues et contrôleurs gu

CakePHP travaillant avec la base de données CakePHP travaillant avec la base de données Sep 10, 2024 pm 05:25 PM

Travailler avec la base de données dans CakePHP est très simple. Nous comprendrons les opérations CRUD (Créer, Lire, Mettre à jour, Supprimer) dans ce chapitre.

CakePHP créant des validateurs CakePHP créant des validateurs Sep 10, 2024 pm 05:26 PM

Le validateur peut être créé en ajoutant les deux lignes suivantes dans le contrôleur.

Comment configurer Visual Studio Code (VS Code) pour le développement PHP Comment configurer Visual Studio Code (VS Code) pour le développement PHP Dec 20, 2024 am 11:31 AM

Visual Studio Code, également connu sous le nom de VS Code, est un éditeur de code source gratuit – ou environnement de développement intégré (IDE) – disponible pour tous les principaux systèmes d'exploitation. Avec une large collection d'extensions pour de nombreux langages de programmation, VS Code peut être c

Journalisation CakePHP Journalisation CakePHP Sep 10, 2024 pm 05:26 PM

Se connecter à CakePHP est une tâche très simple. Il vous suffit d'utiliser une seule fonction. Vous pouvez enregistrer les erreurs, les exceptions, les activités des utilisateurs, les actions entreprises par les utilisateurs, pour tout processus en arrière-plan comme cronjob. La journalisation des données dans CakePHP est facile. La fonction log() est fournie

See all articles