即使返回HTTP 200，也不会调用AJAX成功函数

Question

当用户单击“立即购买”时，我希望交易发生，并且一旦由控制器处理后，div最终就会淡出并删除。 控制器中的所有内容都可以正常工作，但是当我将函数成功放置时，不会调用它。 但是，当函数放置在成功外部时，它将起作用。 此外，如果成功，window.alert（）会以某种方式工作。

这是我的脚本，关于控制器等一切正常

$(document).ready(function(){
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $('form.buy-product-form').on('submit', (function (e) {
                e.preventDefault();
                var product_id = $(this).attr("id");
                $.ajax({
                    url: $(this).attr('action'),
                    type: 'POST',
                    data: {'id': product_id},
                    dataType: 'json',
                    success: function () {
                        window.alert("THIS ALERT COMMAND WORKS BUT THE FUNCTION DOESN'T!");
                        $(this).closest('.product').fadeOut("normal", function() {
                            $(this).closest('.product').remove();
                        });
                    }
                });
            }));
        });

控制器中上面的所有内容也可以正常工作，这是它返回的内容：

return response()->json(['ok' => 'ok']);

Answer 1

您不能在success功能下使用this功能，因为this超出了范围。 只需更改您的代码，如下所示：

 $('form.buy-product-form').on('submit', (function (e) {
                e.preventDefault();
                var product_id = $(this).attr("id");
                var element=this;//getting current element click in  variable    
                $.ajax({
                    url: $(this).attr('action'),
                    type: 'POST',
                    data: {'id': product_id},
                    dataType: 'json',
                    success: function () {
                        window.alert("THIS ALERT COMMAND WORKS BUT THE FUNCTION DOESN'T!");
                        //passing variable
                        $(element).closest('.product').fadeOut("normal", function() {
                            $(element).closest('.product').remove();
                        });
                    }
                });
            }));