如何在不使用 form 标签的情况下使用 serialize() 方法 | Laravel

Question

我想在不刷新页面的情况下添加新产品。所以，我使用 Bootstrap 模型来添加新产品。

如果我使用 Form Tag 模型，则重定向到同一页面。如何避免它。我在 Laravel 项目

工作

$(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();