Carga sincrónica

Lechu_ · #1 (**permalink**) 16/10/2017, 16:51

Hola

Tengo una pagina web y quiero vender mi inventrio a las Plataformas, ent. necesito que mi javascript (jQuery/Ajax/json/PHP) sea lo primero que se ejecute, antes de cargar todo el html, estaba pensando en hacer una carga Sincrónica, ¿es correcto esto? , para hacerlo, justamente no debo colocar ninguna etiqueta ¿no?, algo asi.

Código:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Obtener JSON con AJAX</title>

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
$(document).ready(function() {

 ..... mi codigo ....

</script>
</head>
<body>

Alexis88 · #2 (**permalink**) 18/10/2017, 07:47

El método .ready() ejecutará el código una vez que haya cargado el modelo de objetos del documento o DOM (los elementos HTML). Si deseas que cargue antes, no debes usar ese método, aunque no tendrías en dónde mostrar el resultado ya que es necesario que haya al menos un elemento HTML existente antes de que ejecutes el código JavaScript para que puedas mostrar una salida.

ArturoGallegos · #3 (**permalink**) 18/10/2017, 08:02

@Lechu_ que tal si nos explicas un poco sobre el problema de como esta funcionando, no le veo mucho caso o lógica que quieras ejecutar el JS sin ningún otro elemento.

Asi como esta planteado, yo te recomendaría botar a la basura a jQuery y migrar a un Framework tipo AngularJS, VueJS o Reac.js

donde la forma de trabajo en muchas cosas es dejar que estos framework se encarguen de crear los elementos del DOM dinamicamente según las necesidades.

Lechu_ · #4 (**permalink**) 19/10/2017, 15:55

Yo necesito que en el -div- donde se carga la publicidad haya un codigo javascript que me tome ciertos datos de la pc cliente y los envíe a los servidores, luego ellos me envian una oferta (y el codigo HTML a imprimir) por ese espacio de publicidad (esto sucede cada vez que se carga la pagina) y yo evaluo cual me conviene mas.
Por lo tanto yo tengo que poner este javascript en el div de la publicidad ya que para ese momento ya se cargó la parte del HTML que yo necesito

De todas formas seguí averiguando y en funcion de eso, no puedo detener la carga de la pagina.

Por lo que deberia cambiar a esto (Cargsa Asincronica)

Código:

 <script src="demo_async.js" async></script>

¿no?

X_fran · #5 (**permalink**) 20/10/2017, 08:47

Cita:

Iniciado por Lechu_

Yo necesito que en el -div- donde se carga la publicidad haya un codigo javascript que me tome ciertos datos de la pc cliente y los envíe a los servidores, luego ellos me envian una oferta (y el codigo HTML a imprimir) por ese espacio de publicidad (esto sucede cada vez que se carga la pagina) y yo evaluo cual me conviene mas.
Por lo tanto yo tengo que poner este javascript en el div de la publicidad ya que para ese momento ya se cargó la parte del HTML que yo necesito

De todas formas seguí averiguando y en funcion de eso, no puedo detener la carga de la pagina.

Por lo que deberia cambiar a esto (Cargsa Asincronica)

Código:

 <script src="demo_async.js" async></script>

¿no?

Y qué contiene ese fichero demo_async, es "casi" lo mismo qe incluyas el código en la página a que lo inlcuyas en un fichero externo, todo depende de lo que escribiste. Chequea un poco sobre el concepto de javascript asíncrono, que es lo mismo que AJAX.

Alexis88 · #6 (**permalink**) 20/10/2017, 10:38

Ya que estás usando jQuery, con usar alguno de los métodos para realizar peticiones asíncronas que la librería ofrece, será suficiente. El método $.ajax() te vendría bien.