Problema al pasar valores de formulario por AJAX

hgp147 · #1 (**permalink**) 08/10/2008, 16:07

Hola, quería saber cómo puedo hacer esto de abajo pero con AJAX:

Código HTML:

<form name="form" action="procesa.php" method="post">

<input type="text" name="articulo[]">
<input type="text" name="articulo[]">
<input type="text" name="articulo[]">

</from>

El código de abajo es lo que intente, pero no funciona (el segundo parametro de la función son los valores que se envian).

Código HTML:

<form name="form"  onSubmit="FAjax('procesa.php',
'articulo='+document.getElementsByName('articulo').value); return false" action="#" method="post">

<input type="text" name="articulo[]">
<input type="text" name="articulo[]">
<input type="text" name="articulo[]">

</from>

Gracias.

GatorV · #2 (**permalink**) 08/10/2008, 19:34

Hola hgp147,

Lo que necesitas hacer es obtener todos campos de texto y concatenarlos con javascript, te recomiendo vayas al foro de javascript si no sabes tratar con arrays en javascript.

Saludos.

caricatos · #3 (**permalink**) 09/10/2008, 02:41

Hola:

En principio "articulo" es distinto de "articulo[]"... los corchetes son parte del nombre, así que debes ponerlo... y al ser un nombre repe, debes de poner los índices...

Y los values son en este caso 3, así que deberías concatenarlos...

Saludos

hgp147 · #4 (**permalink**) 10/10/2008, 15:26

Hola gracias por responder, hice algunas modificaciones pero no funciona en IE (en Firefox si), esto es lo que hice:

Código HTML:

<html>
<head>
<script>
var strCadena='';

function cargar(){

var  campoMultiple = document.forms.form["articulo[]"];

for(i=0;i<campoMultiple.length;i++){

strCadena += "&articulo[]="+campoMultiple[i].value;


}

}

</script>
</head>
<body>

<form name="form"  onSubmit="cargar();FAjax('procesa.php', 'otrocampo=...'+strcadena); return false" action="#" method="post">

<input type="text" name="articulo[]">
<input type="text" name="articulo[]">
<input type="text" name="articulo[]">

</form>

</body>
</html>

Gracias

caricatos · #5 (**permalink**) 10/10/2008, 15:36

Hola:

Si va bien en ff entonces vamos bien... ¿Existe algún error...?

Solo por probar; prueba usando otro nombre para el form... recuerdo que con explorer no podía usar ciertos nombres para los campos...

Saludos

edugonch · #6 (**permalink**) 12/10/2008, 11:12

Bueno, lo que yo hago es obtener todos los datos del formulario con javascript y les doy formato con XML

Por ejemplo para adquirir los datos de un campo -->

var xmlFormulario = "<AnuncioFormulario>";
xmlFormulario += "<titulo><![CDATA[" +
document.getElementById("txt_AnuncioTitulo").value + "]]></titulo>";

......................

Luego

Despues lo mando

var http = getXMLHTTPRequest();

var myurl = "Archivo.php?";
myRand = parseInt(Math.random()*999999999999999);

var modurl = myurl+"rand="+myRand;

http.open("POST", modurl, true);
http.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=utf-8');

http.onreadystatechange = function()
{
if (http.readyState == 4) {
document.getElementById('dondePonerLaRespuesta').i nnerHTML = http.responseText;
}
};

http.send("stringXML=" + stringXML); ///Hacer Submit

Y en php utilizo DOM para obtener los datos del XML