cargar vistas en MVC con ajax

[destor77]

Hola,
tengo que modifica una aplicación en php realizada con otro programador, que por lo que me comento el dueño de la pagina se baso en este tutorial:
http://www.jourmoly.com.ar/introducc...segunda-parte/

El siguiente código es la clase para el manejo de vistas:

Código PHP:

< ?php
class View
{
    function __construct()
    {
    }
 
    public function show($name, $vars = array())
    {
        //$name es el nombre de nuestra plantilla, por ej, listado.php
        //$vars es el contenedor de nuestras variables, es un arreglo del tipo llave => valor, opcional.
 
        //Traemos una instancia de nuestra clase de configuracion.
        $config = Config::singleton();
 
        //Armamos la ruta a la plantilla
        $path = $config->get('viewsFolder') . $name;
 
        //Si no existe el fichero en cuestion, tiramos un 404
        if (file_exists($path) == false)
        {
            trigger_error ('Template `' . $path . '` does not exist.', E_USER_NOTICE);
            return false;
        }
 
        //Si hay variables para asignar, las pasamos una a una.
        if(is_array($vars))
        {
                    foreach ($vars as $key => $value)
                    {
                    $$key = $value;
                    }
                }
 
        //Finalmente, incluimos la plantilla.
        include($path);
    }
}
/*
 El uso es bastante sencillo:
 $vista = new View();
 $vista->show('listado.php', array("nombre" => "Juan"));
*/
?>
 

el controlador es:

Código PHP:

class configuracionController extends Controller {
 
 
    public function index() {
        $this->Utilidades->validar($this->Session->get('admin'));
        $configuración = new ConfiguracionSitio();
        $datos=$this->validarDatos($configuración->listarConfiguracion());
 
        if(!$datos) {
            $data['datos'] = $this->validarDatos($configuración->listarConfiguracion());
        }
        else {
            $data['datos'] = $datos;
        }
        $data['breadCrumb']=$this->BreadCrumb->listarBreadCrumb($_REQUEST);
        if($this->Session->get('mensaje')) {
            $data['mensaje'] = $this->Session->get('mensaje');
            $this->Session->del('mensaje');
        }
        $this->Vistas->show('index.html',$data);
    }
 
 
    public function editar() {
        $configuración = new ConfiguracionSitio();
        $this->Utilidades->validar($this->Session->get('admin'));
        $data['datos'] = $this->validarDatos($configuración->listarConfiguracion());
        $data['breadCrumb']=$this->BreadCrumb->listarBreadCrumb($_REQUEST);
        $this->Vistas->show('editar.html',$data);
    }
 
 
    public function guardar() {
        $this->Utilidades->validar($this->Session->get('admin'));
        $data['breadCrumb']=$this->BreadCrumb->listarBreadCrumb($_REQUEST);
        $configuración = new ConfiguracionSitio();
        $datos = $this->validarFormulario($_REQUEST);
        $resultado=$configuración->guardarConfiguracion($datos);
        if($resultado==true) {
            $this->Mensajes->agregarMensaje(1,'La configuración se guardo correctamente','ok');
            $this->Session->set('mensaje',$this->Mensajes->mostrarMensaje());
 
            //$this->Vistas->show('index.html',$data);
            $this->Utilidades->redirect('index.php?controlador=configuracion');
        }
        else {
            $this->Mensajes->agregarMensaje(1,'La configuración no se puedo guardar correctamente','error');
            $this->Mensajes->agregarMensaje(1,$resultado,'error');
            $data['mensaje'] = $this->Mensajes->mostrarMensaje();
            $data['datos'] = $this->Utilidades->arrayObjeto($_REQUEST);
            $this->Vistas->show('editar.html',$data);
        }
    }
 

y una vista la crea asi, por ejemplo index.html del controlador configuracion:

Código HTML:

<?php
include_once('template/header.html');
echo $breadCrumb;
include_once('template/sidebar.html');
 
?>
 
<h2><a href="index.php?controlador=configuracion&amp;accion=editar" title="editar">Editar Configuración</a></h2>
<div id="main">
    <?
    if(!empty($mensaje)){
        echo $mensaje;
    }
    ?>
    <h3>Configuración General del Sitio</h3>
    <table cellpadding="0" cellspacing="0" summary="">
        <tr>
            <td>Titulo del Sitio</td>
            <td><? echo $datos['titulo'];?></td>
        </tr>
        <tr>
            <td>Descripción del Sitio</td>
            <td><? echo $datos['descripcion'];?></td>
        </tr>
        <tr>
            <td>Keywords</td>
            <td><? echo $datos['keywords'];?></td>
        </tr>
        <tr>
            <td>Email principal</td>
            <td><? echo $datos['email'];?></td>
        </tr>
        <tr>
            <td>Nombre de usuario email</td>
            <td><? echo $datos['useremail'];?></td>
        </tr>
        <tr>
            <td>Contraseña email</td>
            <td><? echo $datos['passemail'];?></td>
        </tr>
        <tr>
            <td>Puerto del email</td>
            <td><? echo $datos['portemail'];?></td>
        </tr>
        <tr>
            <td>Servidor del email</td>
            <td><? echo $datos['hostemail'];?></td>
        </tr>
        <tr>
            <td>Mensaje Bienvenida del sitio</td>
            <td><? echo $datos['mensaje'];?></td>
        </tr>  
        <tr>
            <td>Contraseña Galerías</td>
            <td><? echo $datos['galerias'];?></td>
        </tr>         
    </table>
    <br/>
 
</div>
<!-- // #main -->               
<div class="clear"></div>
<?php
include_once('template/footer.html');
?>
 

Bien a lo que no le encuentro solución es como poder implementar ajax para que cuando se haga click en una opcion por ejemplo editar configuracion, me salga el famoso gif animado de cargando, y me cargue esa vista por medio de ajax, no se si me conviene usar:

Código Javascript:

$('#main').load('controladores/configuracion/template/index.html');
 

o usar:

Código Javascript:

$.ajax({
  url: 'index.php?controlador=configuracion&accion=editarConfiguracion',
  success: function(data) {
    $('.result').html(data);
    alert('Load was performed.');
  }
});
 

o usar json, me tiene algo perdido este asunto, ya que no encuentro ningun tutorial de ajax con mvc
si me pueden guiar un poco estaré muy agredecido

[Brahyam]

Hola destor77

Yo veo una opcion muy válida y es usar xajax, ya que es un framework ajax para php orientado a objetos y lo podrias implementar bastante bien, si te sirve postea de nuevo y te podria explicar como lo podrias implementar...

Un saludo

[destor77]

Iniciado por Brahyam

Hola destor77

Yo veo una opcion muy válida y es usar xajax, ya que es un framework ajax para php orientado a objetos y lo podrias implementar bastante bien, si te sirve postea de nuevo y te podria explicar como lo podrias implementar...

Un saludo

Si por favor si me podrías explicar como usar xajax, lo he usado en un trabajo, pero no lo había tenido como opción porque no sabía como integrarlo al sistema que estoy usando.
Espero tu explicación.
Desde ya muchas gracias

[Brahyam]

Listo, tengo una estructura de trabajo realizada de la siguiente manera:

Tengo un MainController, Un MainModel y un MainForm, pero aqui te explicare el funcionanmiento del MainController que es el que controlaria todo el manejo de xajax.

El MainController:

Código PHP:

      include_once '../xajax/xajax_core/xajax.inc.php';
 
    Class MainController {
        
        public $ajax;
        public $respuestaAjax;
        public $debug_xajax;
        public $waitCursor;
        public $lib_xajax;
        public $ruta_xajax;
        public $reg_functions;
 
        public function __construct(){
            
            $this->init();
            
            $this->ajax             = new xajax();            
            $this->respuestaAjax = new xajaxResponse();            
            
            $this->regFunctions();    
            $this->ajaxLibrary();
            
        }
 
 
        public function init(){
            ;
        }
 
 
        protected function regFunctions(){ 
            
            foreach($this->reg_functions as $function){
                $this->ajax->registerFunction(array($function, &$this, $function));
            }
                           
            $this->ajax->processRequest();
            
            if(!$this->debug_xajax) $this->debug_xajax = false;
            $this->ajax->setFlag('statusMessages',$this->debug_xajax); 
            $this->ajax->setFlag('waitCursor',$this->waitCursor); 
                
        }
 
 
        protected function ajaxLibrary(){
            
            $this->lib_xajax = $this->ajax->getJavascript($this->ruta_xajax)));
            
        }
 
    } 
   

Listo, esto es el MainController.
Ahora configuramos la clase que va a extender el MainController asi:

Código PHP:

   
    class IndexController extends MainController
    {
    
        protected $plantilla; 
 
        public function init(){
                
            $this->plantilla            = 'tu_plantilla.php';
            $this->ruta_xajax        = '../xajax/';
            $this->debug_xajax        = true;
            $this->lib_xajax         = 'xajax_javascript';
            $this->waitCursor         = false;
            $this->reg_functions     = array('functionPrueba');
                
        }
 
 
        public function index() {
 
            // Aqui va el contenido de tu pagina cuando se carga por primera vez
            $data = array(lib_ajax => $this->lib_xajax,main => true);
            $this->Vistas->show($this->plantilla,$data);
 
        }
 
 
        public function functionPrueba(){
 
            $var = 'texto de prueba para la vista';
 
            //Para tu caso, podria ser asi:
            return $this->respuestaAjax->assign('div_id','innerHTML',$this->Vistas->show($this->plantilla,$var));
 
        } 
   

y en la vista asi:

Código HTML:

<? if($data[main]) : ?>
<html>
<head>
<!-- incluimos la libreria xajax -->
<? if($data[lib_ajax]) echo $data[lib_ajax]; ?>
</head>
<body>

<div id="div_id"></div>

</body>
</html>

<? endif ?>

<? if($var) : ?>
este es el texto generado con xajax: <?= $var ?>
<? endif; ?> 

Con esto te deberia funcionar.

[destor77]

Brahyam,
muchisimas gracias!!!!, entre mañana y pasado que es feriado por aca, me pongo y adapto el "framework" con tus recomendaciones y si me sale algún problema te consulto, por ultimo quisera hacerte las siguientes que me surgieron al ver tu código:

1- en los controladores si o si tengo que usar la funcion init o puedo usar __contruct como venia usando hasta ahora?
2- si quisiera que salga la famosa animacion de cargando cada vez que se carga una página, como sería?

muchas gracias nuevamente....