How to pass an array of "FormData" via ajax and access in Laravel controller

Question

# I just want to know how to send this array the controller by requete ajax

var dataPanier=[];

function addarray(objser)
{
 dataPanier.push(objser);

}


$('.target').click(function() {

  var btn_name=$(this).attr("name");

     switch(btn_name) {

       case 'FormPVC':

       var dataformPVC = new FormData(),
           form_data = $('#'+btn_name).serializeArray();

          $.each(form_data, function (key, input) {
              dataformPVC.append(input.name, input.value);
           });
          dataformPVC.append('Fichier', $('#File_PVC')[0].files[0]);
/* function addarray push dataform in array*/
           addarray(dataformPVC);
break;
.
.
.
more . . .

I am attempting to send multiple forms data as an array by ajax to a Larave controller.

$.ajax({
    type: 'POST',
    url: 'lsitedevis',
    data: array ,
    success: function(data) {
        toastr.success('Successfully added Post!', 'Success Alert', {timeOut: 5000});

    }
});

This might be helpful: stackoverflow.com/questions/19208699/… — Azer
– Azer, Commented May 23, 2019 at 1:39
yes I saw, but I don't know how many data to add to the table, more I used the formdata() — imado
– imado, Commented May 23, 2019 at 1:50
You have multiple forms on the same page, and you want to submit every forms data in a single request? — Jeemusu
– Jeemusu, Commented May 23, 2019 at 3:46
yes , I have more forms that contain the input type " file " ,and I want to push this data type formdata() to array in order to send a single request . — imado
– imado, Commented May 23, 2019 at 15:35

Behrouz Goudarzi · Accepted Answer · 2019-05-23 07:39:55Z

1

$("#btnTest").click(function(){
var formData = $('#frm1, #frm2').serialize();
console.log(formData);
$.ajax({
    method: 'POST',
    url: 'lsitedevis',
    data: formData ,
    success: function(data) {
     toastr.success('Successfully added Post!', 'Success Alert', {timeOut: 5000});
    }
    
});
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="frm1">
<input name="n1" type="text"/>
<input name="n2" type="hidden" value="test2"/>
<input name="n3" type="hidden" value="test3"/>

</form>

<form id="frm2">
<input name="n1" type="text" />
<input name="n2" type="hidden" value="test2"/>
<input name="n3" type="hidden" value="test3"/>

</form>

<input type="button" id="btnTest" value="send"/>

answered May 23, 2019 at 7:39

Behrouz Goudarzi

714 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jeemusu · Accepted Answer · 2019-05-23 03:57:53Z

0

As your already using jQuery for the AJAX request, you could use the serialize() function. This supports multiple form elements, so it is possible to do:

var formData = $('#form1, #form2').serialize();

$.ajax({
    type: 'POST',
    url: 'lsitedevis',
    data: formData ,
    success: function(data) {
        toastr.success('Successfully added Post!', 'Success Alert', {timeOut: 5000});
    }
});

You might want to ask yourself why you have multiple forms but submitting them all as a single request. If it's for visual purposes, it might be easier to have a single form and separate the contents using other markup elements such as a <fieldset> or <div>.

edited May 23, 2019 at 3:57

answered May 23, 2019 at 3:52

Jeemusu

10.5k3 gold badges46 silver badges68 bronze badges

Collectives™ on Stack Overflow

How to pass an array of "FormData" via ajax and access in Laravel controller

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related