title: how send array to controller use ajax?
body: <p>I have a datatable with checkboxes, and a validation button that allows filling the table ITEMS [] by an array, I want to send this array to my controller with ajax. please, help.</p>
  
  <p>Here is my <strong>datatable</strong>:</p>
  
  <pre><code> &lt;div id='form2'&gt;
      &lt;h3&gt;form group 2&lt;/h3&gt;
      &lt;h4&gt;DATE : &lt;span id="dateE"&gt;&lt;/span&gt;&lt;/h4&gt;
      &lt;h4&gt;chantier : &lt;span id="ch"&gt;&lt;/span&gt;&lt;/h4&gt;
      &lt;div class="form-group col-md-offset-5 "&gt;
          &lt;button class="btn btn-success add-all" type="submit" id="hide"&gt;Pointage&lt;/button&gt;
      &lt;/div&gt;
      &lt;table class="table table-bordered" id="mytable"&gt;
          &lt;tr&gt;
              &lt;th&gt;Archive&lt;/th&gt;
              &lt;th&gt;&lt;input type="checkbox" id="check_all"&gt;&lt;/th&gt;
              &lt;th&gt;S.No.&lt;/th&gt;
              &lt;th&gt;matricule&lt;/th&gt;
              &lt;th&gt;nom &amp; prenom&lt;/th&gt;
              &lt;th&gt;salaire net&lt;/th&gt;
              &lt;th&gt;nbre de jour &lt;/th&gt;
              &lt;th&gt;prime&lt;/th&gt;
          &lt;/tr&gt;
          @if($salaries-&gt;count())
              @foreach($salaries as $key =&gt; $salarie)
                  &lt;tr id="tr_{{$salarie-&gt;id}}"&gt;
                      &lt;td&gt;archive&lt;/td&gt;
                      &lt;td&gt;&lt;input type="checkbox" class="checkbox" data-id="{{$salarie-&gt;id}}"&gt;&lt;/td&gt;
                      &lt;td&gt;{{ ++$key }}&lt;/td&gt;
                      &lt;td&gt;{{ $salarie-&gt;matricule }}&lt;/td&gt;
                      &lt;td &gt;{{ $salarie-&gt;nom }} {{ $salarie-&gt;prenom }}&lt;/td&gt;
                      &lt;td&gt;
                          &lt;input type="hidden" name="salaire" value="{{ $salarie-&gt;salairenet }}"&gt;
                          {{ $salarie-&gt;salairenet }}
                      &lt;/td&gt;
                      &lt;td &gt;&lt;input type="text" class='input2' name="nbreJ" class="form-control" &gt;&lt;/td&gt;
                      &lt;td&gt;&lt;input type="text" name="prime" class="form-control" value="0"&gt;&lt;/td&gt;
                  &lt;/tr&gt;
              @endforeach
          @endif
      &lt;/table&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>Here is my code jquery:</p>
  
  <pre><code>$('.add-all').on('click', function() {
      var items = [];
      let valu = $('#datePicker').val();
      $("tr").each(function(i,r) {
          if ( i &gt; 0 &amp;&amp; $(r).find("input").first().prop("checked")) {  
  
              items.push({"matricule": r.cells[3].innerText, "salaire": r.cells[5].innerText, "date" : valu })
          }
      });
  
      //ajax
      $.ajax({ 
          method      : 'POST', 
          url       : 'mois', 
          data      : items, 
          success   : function(data) {
              if (!data.success) {
                  if (data.errors.name) { 
                      $('.throw_error').fadeIn(1000).html(data.errors.name); 
                  }
              } else {
                  $('#success').fadeIn(1000).append('&lt;p&gt;' + data.posted + '&lt;/p&gt;'); 
              }
          }
      });
  });
  </code></pre>
  
  <p><strong>Route:</strong></p>
  
  <pre><code>Route::post('mois', 'SalarieController@addMultiple');
  </code></pre>
  
  <p><strong>Controller:</strong></p>
  
  <pre><code>public function addMultiple(Request $request)
  {
      dd($request-&gt;all());
  }
  </code></pre>