0

Estoy intentando mandar un arreglo de Js a PHP por medio de AJAX, por el lado de JS me dice que se envia OK, pero al querer recibirlo en PHP no me retorna nada.

El var_dump($_POST); me retorna: array(0) { }

y el ajax success me da esta alerta Mensaje alerta Ajax success

php: raiz/php/agregarorden.php html: raiz/html/Mesashtml.php

De esta manera lo estoy intentando.

JS

let arrayname= [];
  let arraycant= [];
  nomconsu.forEach(function(element) {
    let name = element.innerText;
    arrayname.push(name);
  })

  cantidad.forEach(function(element) {
    let can = element.value;
    arraycant.push(can);
  })

  $.ajax({
    method:"POST",
    url:"Mesashtml.php",
    data:({ arrayname:arrayname, arraycant:arraycant }),
    success:function(r){
      formordendetalle.submit();
      alert(r);
    }
 });

PHP

<?php

var_dump($_POST);
include 'conexion.php';
foreach ($_POST['arrayname'] as $value) {
    $sql = $ccn -> query("insert into orden (nom) values ($value)");
    
}
//header('location: ../html/Mesashtml.php?ok=3');

?>
15
  • El php esta así porque solo estoy probando si me retorna datos
    – Cruzhenko
    Commented el 15 nov. 2022 a las 2:40
  • Tu pregunta es contradictoria. Dices que el var_dump($_POST) te manda un array vacío y a la vez que el alert de la respuesta te devuelve unos datos que el código PHP que nos muestras no debería devolver, de modo que no entiendo nada. Además, el parámetro data de Ajax va sin paréntesis, así: data:{ arrayname:arrayname, arraycant:arraycant }, Tampoco entiendo qué hace esto en el bloque sucess de tu petición Ajax: formordendetalle.submit(); Por favor, pulsa en editar y aclara tu problema contando la verdad de las cosas.
    – A. Cedano
    Commented el 15 nov. 2022 a las 20:01
  • Creo que expliqué mal, el Ajax en js envía a php, la alerta de la imagen es para validar que si envía la petición con datos pero, el php es quien recibe y el var_dump($_POST) es para mostrar lo que recibe y es donde devuelve vacío.
    – Cruzhenko
    Commented el 15 nov. 2022 a las 21:41
  • Sigo sin entender. ¿Qué código es el que genera lo que nos muestras en la imagen? ¿quitaste los paréntesis que tienes en data? ¿para qué es formordendetalle.submit();?
    – A. Cedano
    Commented el 15 nov. 2022 a las 21:43
  • La imagen que dice: localhost dice es el success del Ajax del archivo js. Si quite los paréntesis y nada. El submit es solo para mandar un form
    – Cruzhenko
    Commented el 15 nov. 2022 a las 21:47

1 respuesta 1

0

Veo varios problemas en tu código quizá debidos al desconocimiento de cómo funciona Ajax. Es más simple de como lo estás haciendo.

Si usas Ajax no necesitas enviar el formulario, porque el envío se hace por medio de Ajax. De hecho, Ajax se creó para eso, antes de Ajax se usaban formularios y necesitabas recargar la página cuando los datos eran posteados, mientras que Ajax te permite mandar los datos sin necesidad de recargar la página, así que no tiene sentido mandar el formulario. Lo que ves en pantalla son los datos que estás pasando vía Ajax. Eso no quita que puedas tomar datos de un formulario para mandarlos por Ajax, pero mandas los datos, no el formulario en sí mismo.

Por otro lado, estás mandando una estructura complicada al servidor, que no te permitirá luego leer los datos con facilidad.

Si quieres mandar un conjunto de datos al servidor, puedes organizarlos de forma estructurada, así la lectura será más simple.

Por ejemplo algo así:

[
  {"nombre":"Sushi", "cantidad":1}, 
  {"nombre":"Marisco", "cantidad":3}
]

En este ejemplo, cada objeto tiene una propiedad nombre y otra propiedad cantidad. En ese caso, tu $_POST será un array de objetos que podrás recorrer y extraer sus valores por cada propiedad nombre y cantidad. Si creas estructuras complejas, la lectura será compleja. Por eso existe JSON y los datos estructurados, para simplificar, no para complicar.

Veamos cómo aplicar esto en tu Javascript (cabe decir que JS tiene más herramientas y técnicas para simplificar, pero no nos meteremos en esto ahora, además no tengo tu HTML en contexto).

JS

Intentaremos estructurar partiendo de lo que tienes, aunque sería mejor repensar quizá tu propio HTML.

let arrayname= [];
let arraycant= [];

nomconsu.forEach(function(element) {
  arrayname.push(element.innerText);
})

cantidad.forEach(function(element) {
  arraycant.push(element.value);
})

let mData = [];

/*
   Combinaremos arrayname y arraycant
   para crear un objeto estructurado
   e iremos metiendo cada objeto en mData
*/

arrayname.forEach(function(value, index) {
    mData.push({"nombre": arrayname[index],"cantidad": arraycant[index]});
});


$.ajax({
    method:"POST",
    url:"Mesashtml.php",
    data:mData,
    success:function(r){
        alert(r);
    }
});

Aquí estamos en mData una estructura parecida a la mencionada más arriba. Ahora en PHP podremos leerla o usarla con más facilidad.

PHP

var_dump($_POST);
include 'conexion.php';
foreach ($_POST as $value) {
    $sql = $ccn -> query("insert into orden (nom) values ($value['nombre'])");        
}

Si quisieras usar nombre y cantidad, sería algo así:

foreach ($_POST as $value) {
    printf("%s%s\n",$value['nombre'],$value['cantidad']);        
}

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.