Ajax - Recibir muchos datos

[juancondarts]

Buenas tardes, tengo el siguiente problema y querría que me ayudaran.
Arme una pagina para modificación de datos de proveedores. Cuando el usuario selecciona código, mediante ajax, deben aparecer los datos en cada uno de los input correspondientes para ser modificados.
La consulta a la base de datos devuelve un string que está formado por Codigo + | + RazonSocial + | + Direccion + Contacto, etc, o sea, los campos de la tabla separados por el caracter "|".
En la funcion javascript hago un split asi :
var texto = ajax.responseText y luego
var res = texto.split("|");

Por lo que tengo entendido, res es un vector que tiene todos los valores que coloque en el echo de la consulta a labase de datos.
Hasta aqui parecería funcionar todo bien porque cuando hago un alert(res) y un alert(res[0]) o alert(res[4]) me muestra los valores correctos en pantalla.

El problema se me presenta cuando quiero reemplazar esos valores en los elementos del formulario usando innerHTML.

Son 15 elementos manejados todo de la misma forma, por ejemplo,

(document.getElementById('RazonSocial').innerHTML = res[2];

pero solamente me muestra el ultimo valor, es decir cuando asigno el res[15]. En este ultimo elemento funciona perfectamente

Me podrán ayudar diciendome en donde me estoy equivocando ?

Gracias por adelantado.
Juan Carlos

[caricatos]

Hola:

Por casualidad, ese último elemento es un "textarea"...

¡Verás!, normalmente los controles de los formularios se chequean/actualizan desde el atributo value, y no aceptan cosas dentro de la etiqueta (innerHTML)...

Como respuesta genérica a la pregunta (sin su desarrollo), puedes obtener muchos datos y variados en formato XML.

Saludos

[juancondarts]

Muchas gracias por la rápida respuesta. Efectivamente, el ultimo elemento es un textarea con lo que no me queda otra opción que tomar los datos en formato xml, para lo cual primero de todo, voy a intentar conocer algo del tema.
Gracias de nuevo
JC

[caricatos]

Hola:

Aunque creo recomendable el formato xml, tal vez solo necesites cambiar el innerHTML por el value...

Saludos

[Alexis88]

Como otra alternativa, puedes devolver un array parseado como objeto JSON desde el lado del servidor e iterarlo en tu script JS con cualquier bucle.

En tu archivo PHP (si ese fuera el caso):

Código PHP:

// Datos de ejemplo
$dato1 = 'Foo';
$dato2 = 'Bar';
$dato3 = 'Bin';
 
$tuArray = array($dato1, $dato2, $dato3);
 
echo json_encode($tuArray);
 

En tu archivo JS:

Código Javascript:

//Suponiendo que tu objeto XMLHttpRequest (Ajax) se llame 'xhr'
if (xhr.readyState == 4 && xhr.status == 200){
    var objeto = JSON.parse(xhr.responseText), //El objeto con los datos
        total = objeto.length, i, 
        elementos = ["id1", "id2", "id3"]; //Los ID de los elementos del formulario
 
    for (i = 0; i < total; i++){
        document.getElementById(elementos[i]).value = objeto[i];
    }
}
 

De esta forma, primero, formas un array en el archivo PHP con los datos obtenidos (que supongo los tienes en una BD), lo parseas a JSON y lo imprimes, esa respuesta se recibe en el archivo JS (lado del cliente), lo parseas como JSON para poder iterarlo (ya que originalmente recibes texto plano), formas un array con los ID de los elementos del formulario en los cuales deseas añadir los valores obtenidos y, con ayuda de un bucle, los vas añadiendo uno por uno. También puedes tomar directamente a todos los elementos del formulario e iterar sobre dicho conjunto, es solo una alternativa más.

Saludos