¿Qué método se utiliza en sitios que no requieren múltiples archivos HTML y permanecen en la misma página cuando se hace clic en un botón que carga nueva información en el área de información?

Creo que el término que estás buscando es aplicación de una sola página. La idea es que no se está actualizando la página en el navegador cuando se navega por el estado del sitio web; en este sentido, ir a una nueva página html es lo mismo que actualizar el navegador, ya que el navegador debe analizar una página HTML completamente nueva. . En lugar de actualizar, el navegador carga toda la información necesaria / requerida y / o los activos por adelantado y cambia las vistas según el estado de la aplicación (a través del enrutamiento), generalmente desencadenado por acciones del usuario: hacer clic en la navegación, botones, etc.

Una forma de hacer esto es mediante el uso de una llamada AJAX a un servidor que sirve el contenido, que luego representa el JS. Estas respuestas del servidor pueden ser JSON, o incluso HTML (sin embargo, no estoy seguro si esta es la forma correcta de hacerlo).

La otra forma de hacerlo es mediante el uso de algunos marcos JS que utilizan algún tipo de motor de plantillas (por ejemplo, {{bigote}} o plantilla mínima en esteroides – manillar). Este enfoque realmente no requiere que realice ninguna llamada AJAX al servidor, ya que aún puede crear HTML estático y luego utilizar dicho marco JS para renderizar en cierto estado. Si lo que está buscando hacer es un sitio web simple sin datos dinámicos, esta es probablemente la mejor manera de hacerlo, ya que no necesita escribir código de respuesta del servidor adicional para generar las respuestas.

Echaría un vistazo a EmberJS: un marco para crear aplicaciones web ambiciosas. Su última herramienta EmberCLI: una utilidad de línea de comandos para crear aplicaciones web ambiciosas Es una cosa bastante poderosa.

Espero que esto responda a su pregunta.

Si está hablando de cargar datos sin abrir un nuevo archivo html, probablemente esté hablando de AJAX (javascript asíncrono y xml). Esto permite que los sitios web soliciten datos de los servidores sin tener que volver a cargar la página.

Este es un ejemplo simple

Deben estar cargando los contenidos a través de ajax.
También puede usar history.js para cargar páginas sin actualizar.

Mira este tutorial
http://tutorialzine.com/2009/09/…

Hay un par de cosas pasando allí.

El primero es una API. Eso está en el back-end y está sirviendo datos a páginas web en forma de archivos (generalmente) JSON. Muchos servicios web grandes como YouTube y Twitter tienen API públicas disponibles, pero también puede escribirlos usted mismo usando algo como .Net o NodeJS.

La segunda cosa requerida es AJAX. AJAX realiza una llamada a un servidor HTTP, que devuelve (generalmente) datos JSON que la página web formatea para mostrar usando JavaScript o jQuery.

Los marcos como AngularJS se realizan teniendo en cuenta las aplicaciones de una sola página.

Esto podría ser mediante el uso de AJAX, puede obtener más información al respecto aquí
http://www.w3schools.com/ ajax /