如何在不使用form Tag的情況下使用serialize（）方法Laravel

Question

我想添加新產品而不刷新頁面。因此，我使用Bootstrap模型來添加新產品。

如果我使用表格標記模型已重定向同一頁面。如何避免它。我正在Laravel Project工作

$(document).ready(function() {  
$("#add").click(function() {  
     $.ajax({ 
      type: 'post', 
      url: $("#add").attr('data-url'), 
      data: { 
      '_token': '{{ csrf_token() }}', 
      'form_data': $('#Form').serialize(), 
      }, 
      success: function(data) {     
       $('#ledger_name').val(''); 
       $('#openning_balance').val('0.00'); 
       $('#ob_type').val(''); 
       $('#under').val(''); 
       $('#ledger_address').val('');      
       $("#newLedger .close").click(); 
       alert("Data Inserted"); 
      }, 

     error: function(data) 
      { 
       var errors = ''; 
       for(datos in data.responseJSON){ 
        errors += data.responseJSON[datos] + '<br>'; 
       } 
       $('#response').show().html(errors); //this is my div with messages 
      } 

     }); 

    }); 

    }); 

Answer 1

在您的ajax調用開始時添加此項。你想不刷新頁面刷新一個div？

event.preventDefault();