[SOLUCIONADO] Enviando array de inputs por ajax con json

[gus_anomaly]

Buenas estimados,

tengo un formulario donde hay campos que son dinámicos, por ejemplo hay un campo 'email' donde por defecto hay 1 y pueden agregar hasta 4 más (5 en total).

Mi pregunta es como armo el array en json? El mismo será enviado a un insert con php usando ajax.

Mas o menos mi codigo es asi:

Código Javascript:

onSuccess: function()
            {
        var parametros = {
                    "nombre" : $("#nombre").val(),
                    "razon" : $("#razon").val(),
                    "telefono" : $("#telefono").val(),
                    "email" : $("#email").val(),
};
 
$.ajax(
{
    type: "POST",
    dataType: "json",
    url: "miPhp",
    data: parametros,
)}
 

Resumí el codigo, cualquier cosa puedo pasarlo completo.

Muchas gracias y saludos,
Gustav.

[Alexis88]

Si te refieres a enviar los 5 (o menos) emails en lugar de uno como muestras en el código, podrías tomar los inputs de los emails por su nombre de clase o por el tipo de input, alimentar un array con sus valores y enviar dicho array como valor, el cual será fraccionado en el archivo PHP para poder procesar cada dato.

Código Javascript:

var emails = $("input[type=email]"), //Array con todos los input de tipo email
    total = emails.length; //El total de inputs de tipo email
 
//Botón para crear nuevos inputs de tipo email
$("#add").click(function(){
    var div = $("<div></div>"), //El <div> que lo contendrá
        label = $("<label></label>"), //La etiqueta que mostrará el número de input
        email = $("<input type = email />"); //El input de tipo email
    
    label.html("Email " + (++total) + ":"); //Añado contenido al label y aumenta 'total'
    div.append(label, " " , email); //Adhiero la etiqueta y el input al <div>
    $("section").append(div); //Adhiero el <div> a la sección de los inputs
    emails = $("input[type=email]"); //Actualizo el array de inputs de tipo email
    email.focus(); //Le doy el enfoque al nuevo input
    if (total == 5) this.disabled = true; //Si ya hay 5 inputs, deshabilito el botón
});
 
//Botón para almacenar el valor de cada input en el array 'valores'
$("#fin").click(function(){
    var valores = []; //El array en el que almacenaré los valores
    for (i = 0; i < total; i++)
        valores.push(emails[i].value); //Añado el valor de cada input al array
  
    if (valores.length) $("p").html(valores.join(", ")); //Muestro todos los valores
});
 

Saludos

[gus_anomaly]

Muchisimas gracias, se lo ve muy bueno!!!
Saludos,
Gustav.

[gus_anomaly]

Aquí mi solución:

Código Javascript:

//recibo las cantidades que sean del input email
//creo un array y le agrego el pipe asi me queda separado para luego leerlo con php
 
                var emails = [];
                var j = 0;
                $('input[name^="email"]').each(function() {
                    emails[j] = $(this).val();
                    j++;
                });
                email_list = emails.join('|');
 

Saludos y gracias!
Gustav.