0

he estado estudiando ajax, en diferentes vídeos de youtube y en diferentes paginas, ahora mi pregunta es siempre el script en el que va ajax debe estar en el .html siempre lo veo ahí, y por ejemplo he intentad pasarlo a otro lado como un archivo.js pero no me carga nada solo cuando lo dejo dentro de la etiqueta del .html (codigo js y ajax) me funciona. es una buen practica esto ? esta mal ? porque ?

aqui esta el codigo que esta al final de mi body en el punto html. introducir la descripción de la imagen aquí

y aquí esta el código que esta dentro de simular.js introducir la descripción de la imagen aquí

como resultado me direcciona a una pagina php. pero si lo dejo dentro del html si me da los mismo datos en el mismo html.

7
  • 1
    para hacer uso de ajax tienes que hacer uso de jQuery. si en el html funciona y no cuando lo pasas a un archivo externo es porque ese archivo externo debe estar cargando antes que jQuery. Commented el 28 feb. 2018 a las 16:52
  • Por favor, añade el código de lo que has intentado Commented el 28 feb. 2018 a las 16:52
  • 1
    @WFgo JQuery no es necesario para hacer nada, simplemente simplifica el trabajo. Commented el 28 feb. 2018 a las 16:53
  • JQuery es opcional para hacer AJAX pero no obligatorio
    – user75901
    Commented el 28 feb. 2018 a las 16:58
  • Mucha gracias por su ayuda, ya me funciono. Commented el 28 feb. 2018 a las 17:16

2 respuestas 2

2

Separar el JS del HTML suele ser buena idea, a menos de que sea un código trivial.

No das ningún ejemplo de tu código para asegurarme de cual es tu error, pero en principio, y asumiendo que tu código JS esté en un archivo ajax.js en la misma carpeta que el HTML, lo que necesitas es cargarlo desde tu HTML con una linea:

<script src="ajax.js"></script>

Esta linea se pone tradicionalmente en la cabecera, aunque por motivos de optimización de carga se recomienda a menudo ponerla al final de tu body, justo antes de la línea </body>.

Y como te han dicho, si estás cargando otras librerías JS (como jQuery), asegúrate de que lo haces en el orden correcto. La tuya probablemente deba ser la última.

1
  • Muchas gracias por tu ayuda. :) ya me funciono. Commented el 28 feb. 2018 a las 17:16
1

te comento:

AJAX es la tecnología para hacer peticiones asíncronas; debe estar dentro de una etiqueta script siempre al final del contenido HTML pero antes de que cierre la etiqueta body.

Se ponen en la ubicación que menciono por que ayudan a no alentar el desplegado de la página por que el código HTML se carga rápido sin problemas y la carga pesada de JS se queda al final para no malograr la experiencia de usuario

Si intentas tenerlo disponible para todas tus páginas, necesitas crearlo como un archivo externo que por ejemplo se llame funciones.js e invocarlo del modo siguiente:

<script src="js/funciones.js"></script>

Si por ejemplo, usas jquery para AJAX la estructura de archivos debe quedar de este modo

 <script src="js/jquery.min.js"></script>
 <script src="js/funciones.js"></script>

Lo anterior para que las funciones que ocupemos de jquery esten disponibles para nuestro código que hagamos.

Es la práctica normal y general ordenarlo como te menciono, la última aclaración es también dentro de las etiquetas script puedes meter directo tus funciones javascript pero de ese modo solo servfirá para la página web donde lo declaras; lo mejor sería como te menciono mas arriba

Saludos

2
  • Muchas gracias tu comentario ha sido de gran ayuda. me funciono poniéndolo en un buen orden como me sugeriste. Commented el 28 feb. 2018 a las 17:15
  • de nada por fas si te resulto útil podrías marcala como la solución, saludos y éxito en tu aprendizaje
    – user75901
    Commented el 28 feb. 2018 a las 17:16

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.