Foros del Web - Ver Mensaje Individual

zornak · #3 (**permalink**) 08/08/2009, 13:20

A parte de que no entiendo como va...

Bueno, te comento, me e bajado el jquery ese y lo e renombrado a jquery.js (me venia en formato js)

mi index.html:

Código html:

Ver original<html>
<head><title>Ejemplo de uso de jquery por paridin </title>
<!-- Incluimos la libreria jquery -->
<script languaje="javascript" type="text/javascript" src="jquery.js"></script>
<script languaje="javascript" type="text/javascript" >
<!-- Crearemos la funcion que tu utilizas -->
 
function cargarPHP(){
 
             var nombre = document.getElementById('nombre');
             var edad =  document.getElementById('edad');
             var selec = document.getElementById('selec');
 
    $.ajax( {
        async:true,
        dataType: "html",
        type: "POST",
        url: "phpresultado.php",
        data: "nombre="+nombre+"&edad="+edad+"&selec="+selec,
        global: true,
        ifModified: false,
        processData:true,
        contentType: "application/x-www-form-urlencoded",
        success: function(datos){
            $("#resultado").html(datos);
        }
    });
 
 
</script>
</head>
<body>
<h1> mostrar resultado de php en una etiqueta</h1>
Usaremos la etiqueta DIV sin embargo debe resultar en cualquier etiqueta
 
<form name="form1" id="form1" action="#" method="post" >
nombre <input type="text" name="nombre" id="nombre" /> <br />
edad  <input type="text" name="edad" id="edad" /> <br />
mostrar edad o nombre:
<input type="radio" name="selec" value="nombre" id="selec"/> Nombre
<input type="radio" name="selec" value="edad" id="selec"/> edad
 
<input type="button" name="boton" value="Cargar resultado del php" onclick="cargarPHP()" />
</form>
 
 
<div id="resultado">Aqui cambiara al hacer click del link</div>
 
 
</body>
</html>

phpresultado.php

Código php:

Ver original<? 
 
if($_POST['selec'] == 'nombre'){
echo "Tu nombre es :" . $_POST['nombre'] ;
}else{
echo "Tu edad es :" . $_POST['edad'] ;
}
 
 
?>