Friends who are good at observation must have discovered that when this site renders the details page and the home page, the recommended reading section will be loaded a little bit later. This is because I use the ajax asynchronous loading function of jQuery here.

# Why asynchronous loading?

Because the query recommended reading is to randomly obtain data from the database without keywords, in this case, I use a while loop, which takes a certain amount of time to generate data, so for the browsing experience, it is: After clicking the link* * > **Web page one card > loaded data.

With asynchronous loading, after clicking the link, the overall page is returned and rendered first, and the key data is loaded asynchronously, so that there will not be too much useless waiting time.

# how to use

Premise: first you need to introduce jquery.

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

Then place an empty div where it needs to be loaded asynchronously:

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

Then, add a js script at the end of the page:

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

After running, you will find that this script will wait for the page to be rendered, then request data from /test, and fill in the data with the id ajax_w.