When I was writing the homepage of this site, I was thinking that if there is a lot of traffic in the future, refreshing the homepage will definitely slow down, so I will make some asynchronous requests for dynamic elements [random recommendation], so that opening the homepage will not feel slow up.

Then we will use the AJAX function of JQuery. I currently only use two types, one is to modify the value of the label, and the other is to directly replace a section of html function.

# Modify the value of the label

$.ajax({
    type: 'GET',
    url: '/index_ajax_placeholder',
    success: function (data) {
$(\"#indexs\").attr(\"placeholder\",data);
    },
});

# replace html

$.ajax({
type: 'GET',
url: '/index_ajax_10_randomkey',
success: function (data) {
  $(\"#index_ajax_10_randomkey\").html(data);
},
});