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

Question

我有以下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(); 
} 

Answer 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 
     } 
}); 

});