imprimir valores desde un php a un html

warelo17 · #1 (**permalink**) 06/06/2012, 14:47

tengo una duda tengo un codigo html que lo tengo con un ajax, en el php tengo unas variables que quisiera pasárselas al html mi pregunta es la siguiente puedo capurar esas variables en el success del ajax o ocuparlas en el html?
aqui esta el ajax, por ejemplo ponerlo dentro de un textfield.

Código PHP:

Ver original<html>
    <head>
        <script type="text/javascript" src="../plugins/jquery-1.7.2.js" ></script>
    </head>
 
    <body>
        <br>
        <label>Nombre de Usuario:</label>
        <input type="text" id="texto" />
        <input  type= "button" value = "Consultar" id = "boton" />
        <br></br>
        <br></br>
        <br></br>
        <label>DATOS USUARIO</label>
        <div id = "datos_usu" >
            <br></br>
            <br></br>
            <br></br>
        </div>
        <label>PERMISOS QUE POSEE</label>
        <div id ="permiso">
           
          
    
         
        <br></br>
        </div>
        
        <script>
            $(document).ready(function(e) {
                $('#boton').click(function(){
                    var mensaje = $('#texto').val();
                    
                    $.ajax({
                        type     : "GET",
                        url      : "admin_urgencia/ajax_admin_urg_add.php",
                        data     : "mensaje="+mensaje,
                        cache    : false,
                        success  : function(datos){
                                    alert(mensaje);
                                    if (mensaje.length !== 0) {
                                        
                                        var hola = $_GET['nombres'] ;
                                        alert(hola);
                                    }
                                    else{
                                        alert("Necesita llenar el campo Nombre de usuario");
                                       
                                        
                                        
                                    }
                                    
                                    
                               
                        }
                    });
                });
            });
        </script>
    </body>
</html>

y aqui esta el php q necesito mandarle las variables

Código PHP:

Ver original<?php
$hola = $_GET['mensaje'];
$bus = $usu_urg -> buscar($hola);
$bus2 = $dato_usu -> setUsuario($bus['out_usu_id']);
$id = $dato_usu -> getFunID();
$bus3 = $funcio -> setFuncionario($id);
$nombres = $funcio -> getNombres();
 
 
?>

por ejemplo la variable nombres necesito rescatarla y enviarla al html

marlanga · #2 (**permalink**) 06/06/2012, 15:23

En el PHP, codifica la respuesta en JSON. Por ejemplo, mete todos los datos en un array. Es muy importante que ese PHP NO IMPRIMA NADA en el documentos, sólo la última linea debe escribir.
Ni warnings ni nada, o no funcionará.

Código PHP:

Ver original<?php
//tu codigo de crear los objetos esos...
//NO DEBEN ESCRIBIR NADA en el documento
$datos=array(
    "hola" =>  $_GET['mensaje'],
    "bus" =>  $usu_urg -> buscar($hola),
    "bus2" => $dato_usu -> setUsuario($bus['out_usu_id']),
    "id" =>  $dato_usu -> getFunID(),
    "bus3" => $funcio -> setFuncionario($id),
    "nombres" => $funcio -> getNombres()
);
echo json_encode($datos);
?>

Luego, en la página que hace la petición, recibe esos argumentos:

Código Javascript:

Ver original<html>
    <head>
        <script type="text/javascript" src="../plugins/jquery-1.7.2.js" ></script>
    </head>
 
    <body>
        <br>
        <label>Nombre de Usuario:</label>
        <input type="text" id="texto" />
        <input  type= "button" value = "Consultar" id = "boton" />
        <br></br>
        <br></br>
        <br></br>
        <label>DATOS USUARIO</label>
        <div id = "datos_usu" >
            <br></br>
            <br></br>
            <br></br>
        </div>
        <label>PERMISOS QUE POSEE</label>
        <div id ="permiso">
           
          
    
         
        <br></br>
        </div>
        
        <script>
            $(document).ready(function(e) {
                $('#boton').click(function(){
                    var mensaje = $('#texto').val();
                    
                    $.ajax({
                        type     : "GET",
                        url      : "admin_urgencia/ajax_admin_urg_add.php",
                        dataType: 'json',
                        data     : "mensaje="+mensaje,
                        cache    : false,
                        success  : function(datos){
                                    alert(datos.hola);
                                    alert(datos.nombres);   
                        }
 
                    });
                });
            });
        </script>
    </body>
</html>

warelo17 · #3 (**permalink**) 06/06/2012, 15:35

no si los datos los recibo como alert, pero me gustaria ponerlo dentro de un textfield en el html, mandandolos del php

warelo17 · #4 (**permalink**) 07/06/2012, 08:12

buena wn me ayudaste caleta te lo agradezco