php - Laravel 中的 AJAX 函数未将表单数据发布到 Controller

Question

我在 Laravel 中有一个表单，用户可以在其中购买产品。我试图在不刷新页面的情况下动态实现这一点。我可以正常调用 AJAX 函数，但它没有将数据发布到 Controller ，我需要帮助。 Controller 中的所有内容都工作得绝对正常，只是数据没有发送到它。

这是 HTML 表单

<form class="buy-product-form" id="{{$product->id}}" action="/UoE/buy-product/{{$product->id}}" method="POST">
                                    {{csrf_field()}}
                                    <button class="pull-right btn btn-primary">BUY NOW</button>
                                </form>

这是我的 AJAX 函数

$(document).ready(function(){
            $('form.buy-product-form').on('submit', (function (e) {
                e.preventDefault();
                var product_id = $(this).closest("form").attr("id");
                $.ajax({
                    url: $(this).closest("form").attr('action'),
                    type: 'POST',
                    data: {'id': product_id},
                    dataType: 'JSON',
                    success: function () {
                        window.alert(url);
                    }
                });
            }));
        });

这是 Controller 中的前几行

 public function buyProduct($university_code, $product_id){
        $player = Player::where('user_id', Auth::user()->id)->first();
        $product = Product::where('id', $product_id)->first();
        $totalPrice = $product->quantity_available * $product->price; 

Answer 1

我刚刚经历了在 Laravel 中通过 AJAX 发布的头痛问题。我有与你类似的代码，但它不起作用。我所做的一些更改:

<form>标签没有任何操作。

<form id="contact-form" class="main-form">

<button>标签:

<button class="btn btn-primary submit-button" type="button">Submit</button>

AJAX 调用:

$(document).ready(function() 
{
    $(".submit-button").click(function(e){            
        form_data = $("form").serialize()
        $.ajax({
            url: "/contact",
            type: "POST",
            data: form_data,
            success: function(data) 
            {
                if ($.isEmptyObject(data.error))
                {
                    handleSuccess(data.success);
                }
                else
                {
                    handleError(data.error);
                }
            }
        });
    });
});