Recoger el valor de un input por POST

matak · #1 (**permalink**) 16/10/2008, 01:40

Hola amigos foreros:

Estoy haciendo unas pruebas y no me funcionan...

La idea es:

Tengo el siguiente archivo index.html:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>

<meta http-equiv="Content-Language" content="es">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<title>Prueba Ajax POST</title>

<script type="text/javascript" language="javascript" src="js/ajax.js"></script>

</head>
<body>

<FORM ACTION="javascript:pruebaPost('prueba.php');" NAME="formPruebaPOST" METHOD="POST" ENCTYPE="multipart/form-data">
  <input type="text" name="dato_prueba" id="dato_prueba" VALUE=''/>
  <input type="submit" name="enviar" id="enviar" VALUE='Enviar Form'/>
</FORM>

<div id="contenido"></div>
  
</body>
</html>

como se puede ver en el action del form hacemos una llamada a una función javascript. Dicha función está en el siguiente archivo js/ajax.js

Código javascript:

Ver originalfunction objetoAjax(){
    var xmlhttp=false;
    try {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
        try {
           xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (E) {
            xmlhttp = false;
    }
    }
 
    if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
        xmlhttp = new XMLHttpRequest();
    }
    return xmlhttp;
}
 
function pruebaPost(datos){
    divcontenido = document.getElementById('contenido');
    ajax=objetoAjax();
    ajax.open("POST", datos);
    ajax.onreadystatechange=function() {
        if (ajax.readyState==4) {
            divcontenido.innerHTML = ajax.responseText
        }
    }
    ajax.send(null)
}

el archivo que se envía al servidor por medio de ajax es el siguiente, prueba.php

Código php:

Ver original<?PHP
$dato_prueba=$_POST['dato_prueba'];
 
echo "El dato de prueba es: $dato_prueba";
?>

Lo que necesito es poder recuperar el elemento del form en la petición de ajax al servidor. No hay forma...

ERROR

Notice: Undefined index: dato_prueba in C:\Archivos de programa\Apache...

Si pudieran hecharme una manita...

Muchas gracias...

wigglyUtrera · #2 (**permalink**) 16/10/2008, 02:31

prueba poniendo:

<FORM onsubmit="pruebaPost('prueba.php')" ACTION="prueba.php" NAME="formPruebaPOST" METHOD="POST" ENCTYPE="multipart/form-data">
<input type="text" name="dato_prueba" id="dato_prueba" VALUE=''/>
<input type="submit" name="enviar" id="enviar" VALUE='Enviar Form'/>
</FORM>

Un saludo

matak · #3 (**permalink**) 16/10/2008, 02:59

No funciona, ya que me salta a la página prueba.php, y yo lo que quiero es que me muestre el resultado de esa página en el div contenido. Espero explicarme bien???

matak · #4 (**permalink**) 16/10/2008, 03:27

Help me please!!! Me urge solucionar esta pequeña prueba para aplicarlo a mi aplicación

Gracias....

matak · #5 (**permalink**) 16/10/2008, 04:24

Bueno, leyendo las FAQ's del foro y informandome por hay la única forma para conseguir recuperar el elemento sería añadiendo el parametro...

Código javascript:

Ver originalfunction pruebaPost(datos){
    var par = "dato_prueba="+document.getElementById('dato_prueba').value;
    divcontenido = document.getElementById('contenido');
    ajax=objetoAjax();
    ajax.open("POST", datos, true);
    ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
    ajax.send(par)
    ajax.onreadystatechange=function() {
        if (ajax.readyState==4) {
            divcontenido.innerHTML = ajax.responseText
        }
    }
 
}

Así funciona...
Que pasa,...,que si tienes un formulario con 40 elementos...pues es un poco castigo, y si son todos input text o elementos simples pues bueno, te montas una función o coges la que hay en las FAQ´s, pero en que empiezas a tener checks,raddios,selects multiples,...pues se complica.

Ojala me equivoque y alguien me conteste diciéndome que soy un ignorante (jjee

) y hay una forma para enviar el formulario y que el envío de los elementos sea automático, si tener que hacer tantas historias.Aunque...va ser que no

Bueno seguire mirando este tema a ver si alguien contesta

Chao

y aplaude Paolo

GatorV · #6 (**permalink**) 16/10/2008, 18:09

Hola matak,

En efecto tienes que enviar el parametro, si te das una vuelta por la libraria Prototype, puedes facilmente usar la función F('tu_form') y automaticamente serializa los datos de tu form.

Saludos.