DOM y AJAX son dos cosas muy diferentes, pero generalmente van de la mano, por lo que describiría ambas y luego puede ver la diferencia fácilmente, también después incluiré un ejemplo de cómo se usan comúnmente estas dos.
DOM significa Modelo de objeto de documento. Básicamente, JavaScript carga la página HTML como una estructura de datos de árbol. Se utiliza para interactuar con el html, como agregar nuevos elementos, ocultar algo, etc.
AJAX significa JAVASCRIPT Y XML ASINCRÓNICO. Es una tecnología mediante la cual podemos obtener datos de un servidor sin hacer una recarga de página. Por ejemplo, Google obtiene resultados basados en nuestra búsqueda sin hacer una recarga de página.
- Cómo escribir un script de Python para abrir una página web e iniciar sesión en un sitio web en segundo plano automáticamente tan pronto como me conecte a LAN
- Cómo conseguir el primer cliente como una pequeña empresa de diseño y desarrollo web
- ¿Hay alguna manera de que pueda subprocesar un documento HTML? Me gustaría que se procesara lo más rápido posible.
- ¿Cómo lograrías una gran satisfacción del cliente junto con otras presiones?
- ¿Qué debo saber sobre el alojamiento web?
Te daré un ejemplo ahora.
Debes haber notado la increíble forma en que Fb carga nuevas publicaciones a medida que te desplazas por la página. Lo que sucede detrás de escena es usar Js que son:
- En su desplazamiento, verifique si ha llegado al final de la página
- En caso afirmativo, hacen una solicitud AJAX a su servidor pidiendo nuevas publicaciones.
- El servidor lo devuelve en forma de datos utilizables (como JSON) al cliente.
- Luego tomamos estos datos, hacemos la manipulación de cadenas en Js para formar contenido html.
- Luego hacemos MANIPULACIÓN DOM para agregar este contenido html a la página HTML que ve el usuario.
Así que espero que ahora esté claro cuál es la diferencia entre ellos …