Empezando con Ajax

Caquilla23 · #1 (**permalink**) 18/08/2011, 10:12

Hola a todos.

Estoy empezando con Ajax y hay algunas cosas que todavía no me quedan claro.

Tengo el siguiente código html.

Código HTML:

Ver original<html>
<head>Pagina web</head>
 
<body>
    <div id = "header">
    </div>
 
    <div id = "contenedor">
 
          <div id = "menu">
          </div>
 
          <div id = "contenido">
          </div>
 
    </div>
 
    <div id = footer>
    </div>
     
 
 
</body>
 
 
</html>

La idea es que según el botón de menú que se pulse se cargue un contenido u otro. Lógico,¿no?.

Lo que me gustaría saber es en donde guardo el contenido que va a ir emplazado dentro del div "contenido". ¿Lo guardo en un archivo .txt en el servidor o mejor en .html? ¿Creo un archivo por cada uno de los diferentes contenidos que pueda haber o lo pongo todo junto en un único archivo?

Ando un poco perdido.

Gracias.

maycolalvarez · #2 (**permalink**) 18/08/2011, 10:27

realmente la extensión importa poco, dependiendo de como uses el XmlHttpRequest si usas responseXML el mismo tratará de interpretar la respuesta como XML, o si usas responseText en el cual sólo te devolverá texto que puedes pasar con innerHTML a la capa, lo cual tratará de interpretar HTML.

con respecto al otro punto, el verdadero potencial de AJAX se aprecia al usar un lenguaje del lado del servidor que reciba la petición y en función de ella devuelva una respuesta dinámica, en principio puedes tener cada contenido separado en diversos archivos *.html, pero es más eficiente almacenarlos ordenadamente en una base de datos y que por medio del lenguaje del server y los valores pasados a la petición (GET o POST) busques el contenido y devuelvas la respuesta

lenguajes del server: PHP, JSP, ASP entre otros, suerte

Caquilla23 · #3 (**permalink**) 18/08/2011, 10:41

Gracias por la respuesta.

Me has aclarado muchas cosas. Sin embargo, no me ha quedado muy claro la utilización de una base de datos para guardar la información. En el caso de que tenga un trozo de código html ¿Creo una tabla que tenga como campos "| tag de apertura| Contenido | tag de cierrre |" y utiilizo un script PHP para procesar la información?.

Disculpa las molestias, soy un poco duro de mollera.

mathteam · #4 (**permalink**) 18/08/2011, 23:04

Al usar XmlHttpRequest esto te permite usar el responseText que sera la inagen del html de la pagina que cargas digamos hola.php ... ahora esta pagina php al ser llamada puede realizar consultas al servidor ya que con ajax puedes enviar datos via post o get asi de esta forma hola.php puede hacer diversas consultas como insertar, eliminar o solo llamar a los datos que gustes y luego al procesarlas las muestra segun hallas codificado la pagina y esto podra mostrarse en el div que desees colocarlo.
Por otro lado no es necesario provocar un innerhtml sino vas a presentar nada,,, eso dependera de lo que desees.....espero haberte ayudado.

yournightmare86 · #5 (**permalink**) 19/08/2011, 02:13

Si es algo fijo lo puedes hacer desde un archivo php. Por ejemplo pasas por url un parámetro al archivo php que te va a responder el texto que sea:

Código PHP:

  <?php
if ($_REQUEST['cod']==1)
  echo "Opcion 1";
if ($_REQUEST['cod']==2)
  echo "Opcion 2";
if ($_REQUEST['cod']==3)
   echo "Opcion 3";
?>

Para este caso no es necesario la base de datos. Te recomiendo el punto 3 en concreto de este cursito online: http://ajaxya.com.ar/ Está bien explicado y es sencillo de comprender.

Espero te sirva, un saludo.

maycolalvarez · #6 (**permalink**) 19/08/2011, 06:08

offtopic: en PHP no se recomienda el uso de $_REQUEST, use $_POST o $_GET según el caso