Laravel getting unknown error on implementing Ajax

when i try to send some data to controller via ajax i get this error:

Error: Object { readyState: 4, getResponseHeader: .ajax/v.getResponseHeader(), getAllResponseHeaders: .ajax/v.getAllResponseHeaders(), setRequestHeader: .ajax/v.setRequestHeader(), overrideMimeType: .ajax/v.overrideMimeType(), statusCode: .ajax/v.statusCode(), abort: .ajax/v.abort(), state: .Deferred/d.state(), always: .Deferred/d.always(), then: .Deferred/d.then(), 12 more… }

I'm not sure whats that and how can i solve that. in this below code:

<script>
    $(document).ready(function () {
        $(".addToShoppingCard").click(function (e) {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('input[name="_token"]').val()
                }
            });

            e.preventDefault();

            var formData = {
                productId: "",
                productOrderingCount: $("#productOrderingCount").val(),
            };

            $.ajax({
                type: "POST",
                url: "/addToShoppingCard",
                data: formData,
                dataType: 'json',
                success: function (data) {
                    console.log(data);
                },
                error: function (data) {
                    console.log('Error:', data);
                }
            });
        });
    });
</script>

i don't have problem on getting data and filling formData variable, my route:

Route::post('/addToShoppingCard', function (){
    return response()->json(array('msg'=> "hi ajax"), 200);
});

from Newest questions tagged laravel-5 - Stack Overflow http://ift.tt/2Bt7lzz
via IFTTT