Comment implémenter le chargement asynchrone en PHP

藏色散人
Libérer: 2023-03-06 17:34:01
original
3207 Les gens l'ont consulté

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!

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal