Les amis observateurs ont dû trouver que lorsque cette station rend la page de détail et la page d’accueil, la section de lecture recommandée sera légèrement plus lente à charger, car j’utilise la fonction de chargement asynchrone ajax de jQuery ici.

# Pourquoi charger de manière asynchrone ?

Parce que la lecture recommandée de la requête est d’obtenir aléatoirement des données de la base de données sans mots-clés, dans ce cas, j’utilise une boucle while, qui prend un certain temps pour générer des données, puis pour l’expérience de navigation: Après avoir cliqué sur le lien > * * Carte de page Web ** > Charger les données.

Avec le chargement asynchrone, la page entière revient et s’affiche en premier après avoir cliqué sur le lien, et les données clés sont chargées de manière asynchrone, de sorte qu’il n’y aura pas de temps d’attente inutile excessif.

# Comment utiliser

Prémisse: Vous devez d’abord introduire « jquery ».

<script src="https://s.learn2.cn/js/jquery.min.js » ></script>

Ensuite, placez un 'div' vide là où il doit être chargé de manière asynchrone:

<div id="ajax_w"></div>

Ensuite, ajoutez un script js à la fin de la page Web :

<script>
$(document).ready(function(){
  htmlobj=$.ajax({url:"/test »,async:false});
  $(« #ajax_w »).html(htmlobj.responseText);
});
</script>

Après l’avoir exécuté, vous constaterez que ce script attendra que la page soit rendue, demandera des données à '/test' et remplira les données avec l’id 'ajax_w'.