Foros del Web - Ver Mensaje Individual - Problema con Ajax al cargar dato dentro de div

emprear · #2 (**permalink**) 05/01/2013, 06:32

@johannes13

tan difícil es poner ese código como código en el post (bbcode CODE ó HIGHLIGHT]
y no como una imágen?

Por que hacer un load del post?
el div pag_mensaje, lo tenés?, dónde manejás x y a?

En todo caso algo asi, pero sería una cosa o la otra

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Html5</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
 
$('#procesarform').click(function() {  
var datos = $("#form_registro").serialize();
$.post('test.php',datos,function(respuesta){
alert(respuesta); //Mostramos un alert del resultado devuelto por el php
$("#mensaje").html(respuesta);
});
}); // fin click procesaform
 
$('#conload').click(function() {  
    var elNombre = $('#nombre').val();
    var elApellido = $('#apellido').val();
$('#mensaje').load('test.php',{'nombre': elNombre, 'apellido': elApellido})
});// fin click conload
 
 
}); //fin d.ready
//]]>
</script>
</head>
<body>
<form action="test.php" method="post" id="form_registro">
<p>
nombre: <input type="text" value="" name="nombre" id="nombre" /><br />
apellido: <input type="text" value="" name="apellido" id="apellido" /><br />
<input type="submit" name="procesarforn" value="enviar" id="procesarform" onclick="return false;">
</p>
<p>usando load<br />
<button id="conload" onclick="return false;">usar load() en lugar de post()</button>
</p>
</form>
 
 
<div id="mensaje">
    <!-- respuesta del envío del form -->
</div>
 
</body>
</html>

test.php

Código PHP:

Ver original<?php
echo "Nombre: " . $_POST['nombre'];
echo " - ";
echo "Apellido: " . $_POST['apellido'];
?>

Saludos