Aufmerksame Freunde müssen festgestellt haben, dass, wenn diese Station die Detailseite und die Startseite rendert, der empfohlene Leseabschnitt etwas langsamer geladen wird, da ich hier die asynchrone Ajax-Ladefunktion von jQuery verwende.

# Warum asynchron laden?

Da die empfohlene Abfrage darin besteht, Daten nach dem Zufallsprinzip ohne Schlüsselwörter aus der Datenbank abzurufen, verwende ich in diesem Fall eine while-Schleife, die eine gewisse Zeit benötigt, um Daten zu generieren, und dann für das Surferlebnis: Nachdem Sie auf den Link geklickt haben* > * * Webseitenkarte * > Daten laden.

Beim asynchronen Laden wird die gesamte Seite nach dem Klicken auf den Link zuerst zurückgegeben und gerendert, und die Schlüsseldaten werden asynchron geladen, so dass keine übermäßige unnötige Wartezeit entsteht.

# Wie benutzt man

Prämisse: Zuerst müssen Sie 'jquery' einführen.

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

Fügen Sie dann ein leeres 'div' dort ein, wo es asynchron geladen werden muss:

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

Fügen Sie dann ein js-Skript am Ende der Webseite hinzu:

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

Nach dem Ausführen werden Sie feststellen, dass dieses Skript darauf wartet, dass die Seite gerendert wird, Daten von '/test' anfordert und die Daten mit der ID 'ajax_w' füllt.