Material de la barra de progreso de JQUERY

El enfoque de la segunda capa no es una solución convencional. Personalmente, no me siento muy bien (pero el progreso de carga que logra es real y su barra de progreso puede reflejar el contenido restante de la página descargada actualmente; de ​​hecho, este método también es bastante bueno... pero en términos generales, no es necesario. Si quieres haz esto, flex es mejor).

El método en el primer piso es incorrecto. Si simplemente coloca una imagen de carga en la página, habrá dos situaciones: primero, es posible lograr el efecto de carga. En segundo lugar, esta imagen no se cargará hasta que se hayan cargado la mayoría o todos los demás elementos de toda la página, por lo que no se puede lograr el efecto de carga.

La solución tradicional es utilizar ajax. Algo como esto.

Se requieren dos páginas. 1. Una es la página misma. La otra es una página en blanco con una imagen de carga.

Primero solicite la segunda página, coloque un párrafo ajax en esta página para solicitar la primera página, genere el contenido de la página en la función de éxito y oculte la imagen de carga.

El código es así:

Cargando página:

ltbody gt

ltimg id = ' cargando img ' src = ' cargando .gif '/ gt;

ltbody gt

ltscript gt

$.ajax({

Tipo: ' GET ',

Url: ruta de la página real,

Datos: {},

Éxito: función (){

$('body ' )

$('#loadingImg '). hide() // O eliminar () directamente

Tipo de datos: "html"

});

lt/script gt;

================ ========== ================================

Jaja, considerando un problema de carga, la búsqueda es problemática. ltdiv id="forspider " >.....HTML puro para araña de búsqueda...