Refrescar el contenido de un DIV

juandedios · #1 (**permalink**) 06/08/2010, 16:21

Hola, tengo un DIV que contiene el resultado de una consulta MySQL y se agregan nuevos registros en un formulario que se abre en un lightbox, el registro se guarda bien y si se guardan los datos el lightbox se cierra, entonces quiero que el DIV que contiene el resultado de la consulta se actualice para que se vea el nuevo ingreso. Como lo puedo hacer? estoy usando jQuery.

Saludos.

Dany_s · #2 (**permalink**) 06/08/2010, 16:51

que php te devuelva un json con los datos

Código Javascript:

Ver original<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
$(function(){
 
    $('input[type=submit]').click( function (){
        //Codifico los valores del form clave=valor
        queryString =  $('#formulario').serialize();
        //Envio el form al archivo php y recibo un json con los datos
        $.post('x.php', queryString, function (data){
            //Si el valor de respuesta es 'ok' se guardó el registro, sino muestro el mensaje de error
            if (data.respuesta == 'ok'){
                //mustro resultados en el div, en este caso solo quiero mostrar el nombre que se insertó
                $('#resultados').append('<div>Nombre: <span>'+data.nombre+'</span></div>');
            } else{
                alert(data.msg);
            }
        });
        return false;
    });
 
});
</script>
</head>
<body>
 
    <form id="formulario">
        <input name="nombre">
        <input type="submit">
    </form>
 
    <div id="resultados">
 
        <div>Nombre: <span>Dany</span></div>
 
    </div>
 
</body>
</html>

x.php

Código PHP:

Ver original<?php
header('Content-type: application/json');
 
$nombre = $_POST['nombre'];
 
if ( empty($nombre) )
    echo '{"respuesta":"no", "msg":"El campo se encuentra vacio"}';
    else
        echo '{"respuesta":"ok", "nombre":"'.$nombre.'"}';
        
?>

el error de nombre vacio puede ser un error al insertar, para validar campos, etc, lo que importa es que para saber si todo salió OK el valor de respuesta se 'ok' y que tenga un mensaje para mostrar, o el valor que quieras

o sea, con el json que te devuelve php podes con jquery saber que es lo que pasó y que valores tiene que mostrar