如何使用 laravel/ajax 获取多个值并存储到数据库答案

【问题标题】：How to get multiple values and store to database using laravel/ajax如何使用 laravel/ajax 获取多个值并存储到数据库
【发布时间】：2017-08-07 07:52:26
【问题描述】：

我有以下 jQuery 代码，我可以通过这个循环获取我的 HTML 元素。我想获取我的数据并通过 AJAX 将其存储到数据库中。我该怎么做？

$('#btnSubmit').on('click', function(){
  for(var increment = 0; increment <= pos_inc; increment++) {
    var text1 = $('#orders' + increment).val();
    var text2 = $('#item_quan' + increment).val();
    var text3 = $('#price_tot' + increment).val();
  }
});

HTML

   <table class="table dynamic_field">                        
   <label>OR Number:&nbsp;&nbsp;<span id="sp_or"><?php echo $or_no; ?></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
   <br>
   <br>
   Sold To:&nbsp;&nbsp;<span id="sp_name"><?php echo $name; ?></span></label>
   <thead>
   <th>Items</th>
   <th>Qty</th>
   <th>Total</th>
   </thead>
   <tbody>
   {{ csrf_field() }}
  <!-- empty -->
  </tbody>
  </table>
  <!-- hidden input-->
  <input type="hidden" id="inc" value="<?php echo $inc; ?>">
  <input type="hidden" id="or" name="or">
  <input type="hidden" id="cus_name" name="cus_name">
  <input type="hidden" id="total" name="total">
  <!-- end of hidden input-->

  <label>TOTAL:&nbsp;&nbsp;&nbsp;<span id="sp_tot"><?php echo $total; ?></span></label>
  <br>
  <label>CUSTOMER CHANGE:&nbsp;&nbsp;&nbsp;<?php echo $change; ?></label>
  <br>
  <br>
  <br>
  <a href="{{ url('use-pos') }}">
  <button type="button" class="btn btn-default">Go Back</button>
  </a>&nbsp;
  <input type="button" class="btn btn-success" value="Complete Purchase" id="btnSubmit">
</form>

在我的控制器中：

public function DoAddSales(Request $request){
    return $request->all();
}

【问题讨论】：

假设它们都采用相同的形式，那么 $('#yourForm').serialize() 应该这样做。如果这对您不起作用，那么您需要提供更多有用的信息，例如您的 HTML 和完整的 JS，以及您的服务器期望接收数据的格式
向我们展示表单 HTML + 控制器功能！
表格的标题是？？

标签： php jquery ajax laravel

【解决方案1】：

这是你的解决方案，

$('#btnSubmit').on('click', function(){
  for(var increment = 0; increment <= pos_inc; increment++)
  {

      var text1 = $('#orders'+increment).val();
      var text2 = $('#item_quan'+increment).val();
      var text3 = $('#price_tot'+increment).val();

  }

 $.ajax({
      type: "POST",
      contentType: "application/json; charset=utf-8",
      url: "yoururlhere",
      data: "{'text1':'" + text1+ "', 'text2':'" + text2+ "', 'text3':'" + text3+ "'}",
      success: function (result) {
           //do somthing here
      }
 }); 

});

【讨论】：