Guardar checkbox multiples, inputs text juntos en un formulario en base de datos con ajax

publicado por: Anonymous

Tengo estos dos pero no sé como combinarlos para guardar tanto como una imagen texto y los checkbox multiples o si tienen algun otro que me puedan proporcionar

$(document).ready(function(){

    $("#formulario").submit(formulario1)
    function formulario1(evento){
        evento.preventDefault()
        var datos = new FormData($("#formulario")[0])
        $("#cargando").html("<img src='img/cargar.gif'>")


        $.ajax({
            url: 'agregar.php',
            type: 'POST',
            data: datos,
            contentType: false,
            processData: false,
            success: function(datos){
                $('#formulario')[0].reset();
                $("#cargando").html(datos)

            }
       })

    }

})

y

$(document).ready(function(){  
      $('#formulario').click(function(){  
           var languages = [];  
           $('.get_value').each(function(){  
                if($(this).is(":checked"))  
                {  
                     languages.push($(this).val());  
                }  
           });  
           languages = languages.toString();  
           $.ajax({  
                url:"agregar.php",  
                method:"POST",  
                data:{languages:languages},  
                success:function(data){  
                     $('#result').html(data);  
                }  
           });  
      });  
 });

solución

Yo personalmente utilizo este código para subir multiples datos desde un mismo formulario y me va muy bien.

AJAX

$(document).ready(function() {
    $(document).on('submit', '#formulario', function() { 

        //obtenemos datos.
        var data = $(this).serialize();  

        $.ajax({  
            type : 'POST',
            url  : 'agregar.php',
            data:  new FormData(this),
            contentType: false,
                  cache: false,
            processData:false,

            success :  function(data) {  
                $('#formulario')[0].reset();
                $("#cargando").html(data);                  
            }
        });

        return false;
    });

});

Ejemplo para obtener valor de nuestro multiple checkbox:

HTML

 <form method="POST" id="formulario" enctype="multipart/form-data">

     <input type="checkbox" name="buckets[]" value="valor 1">
     <input type="checkbox" name="buckets[]" value="valor 2">
     <input type="checkbox" name="buckets[]" value="valor 3">

     <!-- imagen, otros datos, etc. -->

     <button type="submit">Guardar</button>
</form>

<div id="cargando"><!-- Respuesta AJAX --></div>

agregar.php

<?php
//var_dump($_POST);

if(!empty($_POST['buckets'])) {
    foreach($_POST['buckets'] as $bucket) {
        echo $bucket; //Mostramos el resultaso seleccionado.                
    }
}

//Continuas con tu código para guardar tus datos.
?>
Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *