cargar datos php + ajax prototype

barto3x · #1 (**permalink**) 26/03/2008, 13:34

Hola a todos. mi situacion es la siguiente: estoy iniciandome en el mundo ajax (usando la libreria prototype) y estoy realizando un mantenedor de usuarios para poder ingresar y buscar los usuarios. el ingreso ya lo tengo realizado y para buscar me gustaria que al digitar en el mismo campo que estoy ingresando busque y me carge los datos en los input que estan destinados para ingresar: el formulario es el siguiente:

Código PHP:

  
function Formulario() 
    {     
        // ********************************* 
        // OBTENCION DE LOS NOMBRES DE PERFIL 
        $this->db->PConnect(); 
        //$this->db->debug=1; 
 
        $array = array(); 
        $sql = "SELECT * FROM perfiles ORDER BY perfil_nombre"; 
        $res = $this->db->GetArray($sql); 
        if ( $res ) { 
            //$array = $res; 
            $perfiles = $res; 
        } 
        $this->db->Close(); 
         
        ?> 
         
        <html> 
        <head> 
        <link href="../css/style.css" rel="stylesheet" type="text/css" media="all" /> 
        <script src="../js/usuarios.js" type="text/javascript"></script> 
        <script src="../js/prototype.js" type="text/javascript"></script> 
        <script type="text/javascript" src="../js/livevalidation_standalone.compressed.js"></script> 
        </head> 
         
        <body style="background:#FFF"> 
        <div class="box" style="width:740px !important; margin:0; border:0"> 
         
        <form id="data_form"> 
 
        <div class="box-form"> 
        <center>           
              <label class="form-header" style="width:99%"><?php echo "Registro Usuarios" ?></label> 
              </center> 
                 
              <div class="form-title">* Nombre:</div> 
              <div class="form-data"><?php echo $this->html->inputText("usuario_nombre", "", 60, 60, "", "id=\"nombre\"") ?></div> 
               
              <div class="form-title">* Usuario:</div> 
              <div class="form-data"><?php echo $this->html->inputText("usuario_login", "", 60, 100, "", "id=\"login\"") ?> 
        <?php echo $this->html->botones("comprobar", "button", "onclick=\"ComprobarUsuario()\"");?> 
        <img id="loading" src="../images/ajax-loader.gif" style="display:none"> 
        </div> 
           
              <div class="form-title">* Password:</div> 
              <div class="form-data"><?php echo $this->html->inputText("usuario_password", "", 15, 15, "", "id=\"password\"") ?></div> 
               
              <script type="text/javascript"> 
          var nombre = new LiveValidation('nombre'); 
            var login = new LiveValidation('login'); 
            var password = new LiveValidation('password'); 
             
            nombre.add(Validate.Presence( 'hello world', { failureMessage: "Debe ingresar!" } )); 
            login.add(Validate.Presence( 'hello world', { failureMessage: "Debe ingresar!" } )); 
            password.add(Validate.Presence( 'hello world', { failureMessage: "Debe ingresar!" } )); 
        </script>   
               
              <div class="form-title">* Perfil:</div> 
          <div class="form-data"> 
              <select name="perfiles" size="1"> 
              <option value="none" selected> Seleccione... </option> 
                <?php 
                    foreach ($perfiles as $key => $row) { 
                        ?> 
                        <option value="<?php echo $row["id_perfil"]; ?>"><?php echo $row["perfil_nombre"]; ?></option> 
                        <?php 
                    } // FIN FOREACH 
                ?> 
                </div> 
        </div> 
 
              <div class="botones"> 
              <?php 
                  echo $this->html->botones("guardar", "button", "onclick=\"GuardarUsuario()\""); 
                  echo $this->html->botones("cancelar", "button", "onclick=\"CancelarVideo()\""); 
                  echo $this->html->botones("listar", "button", "onclick=\"MostrarUsuarios()\""); 
              ?> 
              </div> 
                           
          </div> 
 
        </form> 
        </div> 
         
        <div id="comprobacion">     
    </div> 
             
        </body> 
        <html> 
 
        <?php 
    }

y para buscar lo hago de la siguiente forma:

Código PHP:

 
function comprobar(){ 
     
    $data = $_POST; 
        if ( $data['boton']=="comprobar" ) { 
         
          parse_str($_POST['data'], $data); 
          $login = $data['usuario_login']; 
                  
          // BUSCANDO EL LOGIN 
          $this->db->PConnect(); 
          $usuarios = array(); 
        $sql_buscar = "SELECT * FROM usuarios WHERE usu_login = '$login'";  
          $res_buscar = $this->db->GetRow($sql_buscar); 
          if( $res_buscar ){ 
          $usuarios = $res_buscar; 
      } 
      $this->db->Close(); 
         
      // SI EL USUARIO EXISTE EN LA BASE 
      if( $usuarios['usu_login'] == $login ){ 
        $comentario = "el usuario ya existe"; 
         
        $this->db->PConnect(); 
            $usuarios = array(); 
          $sql_buscar = "SELECT * FROM usuarios WHERE usu_login = '$login'";  
            $res_buscar = $this->db->GetRow($sql_buscar); 
            if( $res_buscar ){ 
            $usuarios = $res_buscar; 
        } 
        $this->db->Close(); 
         
        $datos = array(); 
        $datos[0] = $usuarios['usu_login'];  
        $datos[1] = $usuarios['usu_nombre']; 
        $datos[2] = $usuarios['usu_pass']; 
        ?> 
         
        <div id="ulogin"> <?php echo $datos[1]; ?> </div> 
        <div id="unombre"> <?php echo $datos[0]; ?> </div> 
        <div id="upass"> <?php echo $datos[2]; ?> </div>        
         
        <?php  
      } 
      // SI EL USUARIO NO EXISTE 
      else{ 
        $comentario = "El usuario no se encuentra registrado";   
      } 
        } // fin boton comprobar     
        echo $comentario; 
        //echo $datos; 
        return $datos; 
  }

esta es mi funcion ajax para buscar al usuario:

Código:

function ComprobarUsuario(){
  //if( ValidarUsuario() ){
    $("loading").style.display = "";  
    var post = Form.serialize($("data_form"));
    var ajax = new Ajax.Request("usuarios.php", {      
        parameters: { action:"comprobar", boton:"comprobar", data:post },
        onSuccess: function(transport){
    		$("comprobacion").innerHTML = transport.responseText;
    		$("comprobacion").style.display = "";
    		$("loading").style.display = "none";
    	  }
     });
  //}
}

lo que deseo es que si encuentra al usuario digitado en el campo login, me carge los datos en los input del formulario. en la funcion comprobar, busco los datos y me los encuentra,. mi consulta es como puedo cargar esos datos en el formulario que esta en la funcion formulario.

espero que puedan ayudarme, agradecido de antemano

creandoweb · #2 (**permalink**) 06/06/2008, 13:42

Hola estoy haciendo algo muy parecido a lo que preguntas cuentame encontraste una solución... si me puedes ayudar seria genial sigo buscando si encuentro algo te lo comparto....