Usuario:ManuelRomero/ProgramacionWeb/Distancia2018/Jaxon/conceptos - Historial de revisiones

ManuelRomero: /* Usando jaxon en nuestro proyecto */

2019-04-17T16:06:48Z

‎Usando jaxon en nuestro proyecto

ManuelRomero en 15:51 17 abr 2019

2019-04-17T15:51:55Z

ManuelRomero: /* 3.- Preparamos la solicitud en el cliente y el espacio donde renderizar los datos que vengan del servidor */

2019-04-17T15:51:18Z

‎3.- Preparamos la solicitud en el cliente y el espacio donde renderizar los datos que vengan del servidor

ManuelRomero en 15:50 17 abr 2019

2019-04-17T15:50:46Z

ManuelRomero: /* Usando jaxon en nuestro proyecto */

2019-04-17T15:36:44Z

‎Usando jaxon en nuestro proyecto

ManuelRomero en 15:34 17 abr 2019

2019-04-17T15:34:02Z

ManuelRomero: /* 1.- primero preparamos el código javascript en la página del cliente */

2019-04-17T15:32:36Z

‎1.- primero preparamos el código javascript en la página del cliente

ManuelRomero: /* 1.- primero preparamos el código javascript en la página del cliente */

2019-04-17T15:31:42Z

‎1.- primero preparamos el código javascript en la página del cliente

ManuelRomero: /* Usando jaxon en nuestro proyecto */

2019-04-17T15:31:19Z

‎Usando jaxon en nuestro proyecto

ManuelRomero: /* La parte del cliente */

2019-04-17T15:30:16Z

‎La parte del cliente

@@ Línea 57: / Línea 57: @@
 *Vamos a separar todo en ficheros independientes
 {{MRM_Actividad|
-*Implementamos una aplicación con un formulario y un texto en un div cuyo id se '''''div_saluda'''''
+*Implementamos una aplicación con un texto en un div cuyo id se '''''div_saluda'''''
 *Dentro de ese div tendremos un texto que diga
   Este texto es el original de la página

@@ Línea 1: / Línea 1: @@
-{{:Usuario:ManuelRomero/ProgramacionWeb/Distancia2018/Jaxon/nav}}
+[[Medio:Ejemplo.ogg]]{{:Usuario:ManuelRomero/ProgramacionWeb/Distancia2018/Jaxon/nav}}
-{{__TEP__}}
+<div id=parrafo>
 ===Qué es Ajax===
@@ Línea 372: / Línea 372: @@
 *El nombre de la clase que implementa los métodos no debe tener el caracter _
 }}

@@ Línea 310: / Línea 310: @@
 $jaxon->processRequest();
 </source>
 =====4.- Generemos los eventos en javascript para realizar las llamadas=====
 *Ahora simplemente lo que hacemos es crear un evento en java script para solicitar el evento del servidor

@@ Línea 246: / Línea 246: @@
 =====2.- Preparamos los métodos en el servidor que van a ser invocados por ajax=====
-*Creamos un fichero llamado '''''servidor.php''''' , lo podríamos hacer en el mismo index.php, pero por separar en ficheros los contenidos
+*Creamos un fichero llamado '''''RespuestaAjax.php''''' , lo podríamos hacer en el mismo index.php, pero por separar en ficheros los contenidos
 {{MRM_Actividad|Title=2.1-Indicamos que usamos la clase  Response de jaxon|
 <source lang=php>
 <?php
 <?php
 /**
@@ Línea 273: / Línea 284: @@
       */
      public function saluda(){
-         $msj="Hola desde el servidor";
+         $msj="texto actualizado por el servidor mediante llamada ajax, el resto de la página no se actualiza
-        $response = new Response();
+";
-         $response->alert("ahora llegarán datos del servidor");
+       $response = new Response();
-         $response->assign('div_saludo', 'innerHTML', $msj)
+         $response->alert("Van a venir nuevos datos");
-        return $response;
+         $response->assign('div_saluda', 'innerHTML', $msj);
-−
-−
-    /**
-     * @param $user un string
-     * Valida un usuario, en este caso que sea "admin" o no
-     */
-    public function valida($user){
-        if ($user =="admin")
-            $msj="El usuario está validado";
-        else
-            $msj="Usuario no válido vuelva a insertar";
-        $response = new Response();
-        $response->assign('div_valida', 'innerHTML', $msj)
-        return $response;
-−
-−
-    /**
-     * @param $color red o green
-     * va a cambiar el color red por green o al revés
-     * para ponerlo de fondo a un determinado div
-     */
-    public function cambia_color($color){
-        $color = $color=="red" ? "green": "red";
-        $response = new Response();
-        $response->assign('div_color', 'backgroud', $msj)
          return $response;
+     }
 ?>
 </source>
 }}
-=====3.- Preparamos la solicitud en el cleinte y el espacio donde renderizar los datos que vengan del servidor=====
+=====3.- Preparamos la solicitud en el cliente y el espacio donde renderizar los datos que vengan del servidor=====
 <br />
-{{MRM_Actividad|Title=1.3-Escribimos el código javascript para enviar las solicitudes XMLHttpRequest|
+{{MRM_Actividad|Title=1.3-Escribimos el código en el index.php|
-*En el html, mejor en cabecera cargamos los estilos propios de jaxon
+*De esta forma dispondremos en el cliente los métodos en javascript para realizar las llamadas al servidor a través de solicitudes XMLHttpRequest
-*Ahora debemos generar los eventos en javascript para invocar a los métodos del servidor+
+*Los métodos específicos consisten en registrar la clase con lo que todos los métodos quedan disponibles
-*Debemos especificar la sección html dónde que actulizarán  según la especificación del servidor
+*Posteriormente llamamos al motor de  procesamiento de jaxon para dejar disponibles los métodos desde el cliente y atenderlos en el servidor
-<source lang=html5>
+<source lang=php>
-.....
+require_once("RespuestaAjax.php");
-</body>
+// Register an instance of the class with Jaxon
 <?php
-// Insert the Jaxon javascript code into the page
+/**
-echo $jaxon->getJs();
+ * Created by PhpStorm.
-echo $jaxon->getScript();
+ * User: manuel
 ?>
 {{MRM_Notas|
 *El nombre de la clase que implementa los métodos no debe tener el caracter _
 }}

@@ Línea 57: / Línea 57: @@
 *Vamos a separar todo en ficheros independientes
 {{MRM_Actividad|
-*Implementamos una aplicación con un formulario y una caja de texto
+*Implementamos una aplicación con un formulario y un texto en un div cuyo id se '''''div_saluda'''''
-*Si hacemos un click realizaremos una llamada ajax para que nos visualice el contenido de la caja de texto en máyúscula
+*Dentro de ese div tendremos un texto que diga
 }}
 <br />
@@ Línea 67: / Línea 71: @@
 ====La parte del servidor====
 ;Iniciamos el objeto jaxon para preparar el entorno
 ====La parte del cliente====

@@ Línea 266: / Línea 266: @@
   * devuelve meditane un objeto Response datos al cliente
   */
-class Respuesta_Ajax{
+class RespuestaAjax{
      /**
       * emite un mensaje de saludo

@@ Línea 116: / Línea 116: @@
 </source>
 }}
 *Si ejecutamos ahora el proyecto vemos que no sale nada ya que no hemos generado ninguna salida
 *Sin embargo si vemos el código fuente, podremos ver todo el código

@@ Línea 77: / Línea 77: @@
 #3.- Preparamos la solicitud en el cleinte y el espacio donde renderizar los datos que vengan del servidor
 =====1.- primero preparamos el código javascript en la página del cliente=====
 {{MRM_Actividad|Title=1.1-creamos el objeto jaxon|
 <source lang=php>

@@ Línea 60: / Línea 60: @@
 *Si hacemos un click realizaremos una llamada ajax para que nos visualice el contenido de la caja de texto en máyúscula
 }}
 *Para proceder en este proyecto hemos de implementar acciones tanto en el cliente como en el servidor
 *Este planteaminto es genérico o común independientemente de lo que usemos para construir el escenario ''''ajax''''

@@ Línea 66: / Línea 66: @@
 ====La parte del servidor====
 ;Iniciamos el objeto jaxon para preparar el entorno
 ====La parte del cliente====
 ;Usando jaxon para escribir script en el cliente para que funcione la solicitud ajax
 #1.- primero preparamos el código javascript en la página del cliente
@@ Línea 122: / Línea 125: @@
   */
 require_once "vendor/autoload.php";
-// Obtenemos un objeto de la clase jaxon a traveś de un método que nos devuelve un objeto jaxon
+// Obtenemos un objeto de la clase jaxon a través de un método que nos devuelve un objeto '''''jaxon'''''
 $jaxon = jaxon();
 ?>
@@ Línea 319: / Línea 322: @@
 </body>
 </source>
 }}