Tema: ¿Como puedo hacer una lista enlazada con ajax?
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 01/01/2011, 17:09
Avatar de alfcm
alfcm
 
Fecha de Ingreso: mayo-2009
Mensajes: 291
Antigüedad: 15 años, 5 meses
Puntos: 7
Respuesta: ¿Como puedo hacer una lista enlazada con ajax?
Código HTML: 
Ver original
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function nueAjax() {
  5.     try{
  6.         req = new XMLHttpRequest();
  7.     }catch(err1){
  8.         try{
  9.             req = new ActiveXObject("Msxml2.XMLHTTP");
  10.         }catch(err2){
  11.             try{
  12.                 req = new ActiveXObject("Microsoft.XMLHTTP");
  13.             }catch(err3){
  14.                 req = false;
  15.             }
  16.         }
  17.     }
  18.     return req;
  19. }
  20. var http = nueAjax();
  21.  
  22. function listamedico()
  23. {
  24.     
  25.      var capa=document.getElementById("lista");
  26.      http.open("POST","procmedico.php",true);
  27.      http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  28.     http.send("metodo=listar");
  29.     http.onreadystatechange=function(){ 
  30.         if (http.readyState==1){
  31.             capa.innerHTML="Procesando";
  32.         }
  33.         if (http.readyState==4){    
  34.             respuesta=http.responseText;
  35.             capa.innerHTML=respuesta;
  36.         }
  37.     }
  38. }
  39. </script>
  40. </head>
  41. <body>
  42. <h3>Mi listado</h3>
  43. <input type="button" value="Ver lista" onclick="listamedico()" />
  44. <br/>
  45. <div id="lista"></div>
  46. </body>
  47. </html>


tu clase Conectar.php

Código PHP: 
Ver original
  1. <?php
  2. class Conectar{
  3.     
  4.     private $rs;
  5.         private $acmsistemas;
  6.         private $hostname_acmsistemas = "localhost";
  7.         private $database_acmsistemas = "acmsiste_alfamedic";
  8.         public $username_acmsistemas = "root";
  9.         public $password_acmsistemas = ""; 
  10.        
  11.     public function __construct(){
  12.      
  13.           $this->acmsistemas = mysql_pconnect($this->hostname_acmsistemas, $this->username_acmsistemas, $this->password_acmsistemas) or die("NO HAY CONEXION");
  14.         
  15.     }       
  16.         
  17.     public function consulta($sql)
  18.         {
  19.         if (!($this->acmsistemas === false))
  20.         {
  21.                 if (mysql_select_db($this->database_acmsistemas, $this->acmsistemas) === false)
  22.                 {
  23.                     echo('Error con la Base de Datos: ' . mysql_error());
  24.                     continue;
  25.                 }
  26.                 else
  27.                 {
  28.                 $this->rs=@mysql_query($sql);
  29.                     if(!$this->rs)
  30.                         {
  31.                                 echo 'No se puede ejecutar la consulta SQL';
  32.                         }
  33.                         else
  34.                         {
  35.                                 return $this->rs;               
  36.                         }
  37.                 }
  38.             }
  39.     }
  40.         
  41.     public function respuesta(){
  42.         return @mysql_fetch_object($this->rs);
  43.     }
  44.     
  45.     public function getRs(){
  46.         return $this->rs;       
  47.     }
  48. }
  49. ?>

tu archivo que hara los proceso de datos

procmedico.php
Código PHP: 
Ver original
  1. include "Conectar.php";
  2.     $obj=new Conectar();
  3.     
  4.     $metodo=$_POST["metodo"];
  5.    
  6.     if($metodo == 'listar'){
  7.       
  8.        $sql="SELECT nombre,apellido,num_doc FROM medico";
  9.                
  10.                 $obj->consulta($sql);
  11.                 $i=1;
  12.                  
  13.                   $t="<table><tr><td>NOMBRE</td><td>APELLIDO</td><td>NUM_DOC</td></tr>";
  14.                  while($r=$obj->respuesta())
  15.                  {
  16.                      $t.="<tr><td>".$i."</td><td>".$r->nombre."</td><td>".$r->apellido."</td><td>".$r->num_doc."</td></tr>";
  17.                      $i=$i+1;
  18.                  }
  19.                  $t.="</table>";
  20.  
  21.                  echo $t; 
  22.     }

y en tu base de datos creas tu tablita medico con campos nombre,apellido, num_doc


Saludos