Quiero mantener mi sitio web aún en estado de carga mientras ajax aún recibe la respuesta, y luego, cuando ajax tenga éxito, el sitio web debería dejar de cargarse.
'todavía en progreso de carga' significa que el símbolo de la barra de progreso de la pestaña de su navegador permanece visible y gira, lo que indica que el sitio web aún se está cargando.
Por favor ayúdenme, no tengo ideas. Esta es definitivamente una pregunta para principiantes con varias soluciones.
El código fuente del archivo HTML se encuentra a continuación:
<!DOCTYPE html> <html> <body> <pre id="response">This will be the response...</pre> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <script> try { $.ajax({ 'url': 'https://example.com', 'type': 'GET', 'success': function (data) { //I want to only finish loading the page after this is executed document.getElementById("response").textContent = data; } }); } catch(err) { document.getElementById("response").textContent = err.message; } </script> </body> </html>Lo que sucede con mi código actual anterior es que mi sitio web ya termina de cargarse (ya no hay un símbolo giratorio visible en la pestaña) incluso si la función de éxito en ajax aún no se ejecuta o, en otras palabras, aún espera la respuesta de ajax.
Gracias de antemano por responder a mi pregunta :)
Las llamadas AJAX son asíncronas, por lo que no pueden bloquear la carga de la página web desde la perspectiva del navegador. El navegador dejará de mostrar el símbolo de "carga" en la pestaña una vez que haya llegado al final de sus secuencias de comandos HTML/JS, que en su código se debe a AJAX asíncrono.
Algunas búsquedas rápidas en Google me llevaron a esta documentación sobre la configuración que puede pasar a jQuery AJAX: https://api.jquery.com/jQuery.ajax/ . Lo que dice que AJAX tiene una configuración para realizar llamadas sincrónicas ( async: false ). Pero creo que esto no es realmente recomendable ya que el objetivo de AJAX y cualquier llamada REST realizada desde su interfaz es ser asíncrona y no bloquear el navegador. Pero si este es su requisito, esto podría funcionar. :)