[SOLUCIONADO] ajax para mostrar resultado en dos divs distintos?

[kukiko11]

en un script sencillo como este:

function() {
$.ajax({
type: 'POST',
url: $(this).attr('action'),
data: $(this).serialize(),
success: function(data) {

$('.resultado').html(data);
}
})
return false;
});

me muestra las salidas 'echo' del archivo.php relacionado a dicho script, todo en un solo div (resultado)... mi duda sería, es posible mostrar un 'echo' determinado en un div cualquiera y asi sucesivamente? o ajuro la data extraida siempre debe estar asociada a un unico contenedor?

[Alexis88]

Si lo que pretendes es generar más de un valor en el lado del servidor y cada uno de dichos valores mostrarlos en distintos elementos, necesitarás devolver un objeto JSON.

Código PHP:

echo json_encode([
    'nombre' => 'Juan',
    'apellido' => 'Pérez',
    'edad' => 29
]);
 

Código Javascript:

$.ajax({
    type: 'POST',
    url: $(this).attr('action'),
    data: $(this).serialize(),
    dataType: 'JSON',
    success: function(data) {
        $('#label_nombre').text(data.nombre);
        $('#label_apellido').text(data.apellido);
        $('#label_edad').text(data.edad);
    }
});
 

Fíjate que, en el método $.ajax(), añadí al atributo dataType con el valor JSON. Esto es para que interprete la respuesta como un objeto JSON y así puedas acceder a sus propiedades ya sea mediante la notación por corchetes (objeto["atributo"]) o por puntos (objeto.atributo).

Un saludo

[kukiko11]

ultimamente me has estado salvando mucho la vida xD... tu aporte estoy seguro que me servira, en este caso estoy lidiando con variables... seria algo mas o menos asi? lo necesito para mostrar el comentario recien enviado sin necesidad de recargar la pagina tengo algo asi pero no me va del todo bien:

script:

$('#form').submit(
function() {
$.ajax({
type: 'POST',
url: $(this).attr('action'),
dataType: 'JSON',
data: $(this).serialize(),
success: function(data) {

document.getElementById('form').reset();
$('#status').html(data);
}
})
return false;
});

php:

Código PHP:

  $nombre = $datos['nombre'];
$fecha = $datos['fecha'];
$comentario = $datos['comentario'];


$resultado = '<div id="comentario">
<autor> '.$nombre.' dice: </autor> <i><date>  el  '.$fecha.' </date> </i>
<hr>
<p>
'.$comentario.'
</p>
</div>';

    echo json_encode([
        'resultado' => $resultado;
    ]);  
   

[kukiko11]

SOLUCIONADO! tenia el ; demas... me has vuelto a salvar full gracias Crack :D