Función GetModule

12 abril 2019

En el desarrollo de aplicaciones web, al combinar la metodología AJAX y la metodología MVC (Modelo-Vista-Controlador), cada módulo de la aplicación se puede implementar como la suma de esos tres elementos, es decir, cada módulo tendrá un modelo, una vista y un controlador.

El Modelo, donde se programa la lógica de negocio se ejecutará en el servidor, y estará programado en el lenguaje de script que dicho servidor proporcione (PHP, ASP, JSP, etc…).

En cambio, si de aplicaciones web se trata, la vista estará programada en HTML (y CSS) y el controlador estará programado en JavaScript, y ambos se ejecutarán en el cliente. La siguiente función permite cargar la parte cliente de un módulo, es decir, el la vista y el controlador.

function GetModule(module, target)
{
  var v=module+"_v.php";  // Nombre del fichero 'VISTA'
  var c=module+"_c.php";  // Nombre del fichero 'CONTROLADOR'
  var css=module+".css";  // Nombre del CSS para esta vista
  var cssID=module;       // ID del objeto para añadir el CSS al <head>

  // Carga del CSS para esta vista (opcional, se puede eliminar/comentar esta línea)
  LoadCSS(css, cssID);

  // Carga la vista
  ajaxV = new XMLHttpRequest();
  ajaxV.open("POST", v, false);
  ajaxV.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  ajaxV.send();
  $(target).innerHTML=ajaxV.responseText;

  // Carga del controlador
  ajaxC = new XMLHttpRequest();
  ajaxC.open("POST", c, false);
  ajaxC.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  ajaxC.send();
  eval(ajaxC.responseText);
}