[SOLUCIONADO] Enviar array con ajax a php

[EmilianoEmiliano]

Hola, como estan.
Tendrian la amabilidad de brindarme su guia en lo siguiente:

Tengo una tabla la cual se le va agregando nuevas filas, las mismas tiene inputs.

Código Javascript:

cadena=cadena + "<td>" + "<input type='text' id='detalle_venta["+id_elementos+"]' name='detalle_venta["+id_elementos+"]' class='txtdescipcion_tabla_venta' value='"+nombre+"' readonly/>" +"</td>";
 

El input lo identifico con:

Código HTML:

detalle_venta["+id_elementos+"]
 

Pero mi pregunta como envió ese valor con ajax a php, yo utilizo la siguiente forma para envíos normales:

Código Javascript:

function DatosFactura(){
    ventana = document.getElementById('mi_factura');
    nombre=document.getElementById('nombrea').value;
    apellido=document.getElementById('apellidoa').value;
 
    ajax=objetoAjax();
    ajax.open("POST", "/localhost/Administrador/ventas/vent.php",true);
    ajax.onreadystatechange=function() {
        if (ajax.readyState==4) {
            ventana.innerHTML = ajax.responseText
        }
    }
    ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
 
ajax.send("nombre="+nombre+"&apellido="+apellidoa)
}
 

Gracias por su tiempo.

[Alexis88]

Si se trata de texto plano, puedes enviarlo tal y como lo haces con las otras variables. Solo lo tomas y lo envías, formando un par clave-valor, como lo haces en el ejemplo que muestras.

Un saludo

[kspr]

Me parece que tus campos son creados dinámicamente, en caso de que necesites enviar varios parámetros, podrías recorrer todos esos campos y crear una cadena de texto.

aca un ejemplo:

Código Javascript:

(function () {
    'use strict';
 
    var ajax, ventana, params, inputs_collection, inputs;
 
    ajax = new XMLHttpRequest();
    inputs_collection = document.querySelectorAll('.txtdescipcion_tabla_venta');
    params = '';
    inputs = [].slice.call(inputs_collection, null);
 
    inputs.forEach(function (input) {
        params += input.name + '=' + encodeURIComponent(input.value);
 
        if (inputs[inputs.length-1] !== input) {
            params += '&';
        }
    });
 
    ajax.open("POST", "http://localhost/Administrador/ventas/vent.php",true);
    ajax.onreadystatechange=function() {
        if (ajax.readyState === 4) {
            // some here ?
        }
    }
    
    ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    ajax.send(params);
})();
 

[EmilianoEmiliano]

Gracias por responder, pero si le envio como una cadena de texto en php como deberia ser la forma de recibirlos.

[Alexis88]

Depende. ¿Qué deseas hacer?

[kspr]

Iniciado por EmilianoEmiliano

Gracias por responder, pero si le envio como una cadena de texto en php como deberia ser la forma de recibirlos.

lo recibes como un arreglo, por que no intentas ver que recibes? estas enviando datos del tipo form-urlencoded por lo que en el servidor recibes los parametros GET || POST || etc

Código PHP:

<?php
 
    die(print_r($_POST['detalle_venta'], 1));
 

[Alexis88]

Me parece que se refiere al tratamiento que debe de darles.

En principio, si se trata de un fragmento del DOM, lo que vas a recibir es texto plano, entonces, tienes que imprimirlo tal cual está formado. Como veo que utilizas el método POST, deberás recibir los datos de la forma $_POST['nombre de la variable'], aunque es bueno recordar que este es un método destructivo y, si no piensas añadir, modificar o eliminar datos en la base de datos, es preferible utilizar el método GET, el cual es constructivo. El que utilices un método de envío u otro, para este caso, solo afectará la forma en la que lo recibes, debiendo decidir entre $_GET y $_POST, sin embargo, es bueno saber utilizar adecuadamente los métodos de envío HTTP disponibles. Ahora bien, si lo que deseas hacer después es interactuar con el mismo, debes de delegar los eventos que vayan a desencadenar la llamada de los escuchadores, ya sea a la ventana, al documento o al elemento contenedor del fragmento del DOM que vas a añadir.

Por ejemplo, si deseas realizar alguna acción cuando se produzca el evento click en alguno de los elementos que posea la clase "txtdescipcion_tabla_venta", debes de, primero, capturar al elemento objetivo en el que se produjo el evento, luego, comparar su clase con la mencionada anteriormente y, si es la misma, ejecutas la acción.

Código Javascript:

document.addEventListener("click", function(event){
    if (event.target.className == "txtdescipcion_tabla_venta"){
        //Instrucciones
    }
}, false);
 

Y lo mismo va por los demás eventos que vayas a utilizar.

Un saludo