Buen día. Les explico: quiero pasar una serie de datos por AJAX a PHP desde una lista de elementos que se van agregando.
var hora;
var izq;
var clase;
var idEntrada;
var datos;
$('#publicar').on('click',function() {
hora = $('#horaDesp').val();
izq = $('#despIzq').children('section');
izq.each(function() {
clase = $(this).attr('class');
idEntrada = $(this).children('div').attr('id');
clase = clase.substr(8,2)
datos = {
'hora': hora,
'id': idEntrada,
'clase': clase
}
console.log(datos);
});
$.ajax({
method: 'POST',
url: 'includes/funciones/programar.php',
data: datos
}).done(function(response) {
console.log(response);
});
});
Este es el JQuery para esa función, los elementos se crean dinámicamente desde otra función JQuery al <div id="despIzq">
perfectamente. Y los datos del mismo se recorren cada uno desde el .each()
hasta la consola mostrando los datos que necesito.
Mi problema es que cuando envío los datos mediante un objeto desde AJAX a PHP solo se envían los valores del último elemento. Por ejemplo:
{hora: "01:01", id: "18", clase: "_b"}
{hora: "01:01", id: "3", clase: "_n"}
_n
Este sería el resultado obtenido del console.log(datos)
y el último dato _n
se obtiene mediante PHP
<?php
$clase = $_POST['clase'];
echo $clase;
?>
No sé mucho sobre AJAX, imagino que debo pasar los datos en otro formato para que se lean todos los elementos con sus respectivos valores y no los valores del último elemento.
Gracias de antemano a quien pueda ayudarme.