ajax - 如何使成功的ajax成功

Question

按钮代码 这是我的 id 为 123 的按钮代码

<button type="submit" class="addto" id="123">Add to cart</button>

ajax 代码 这是我的 ajax 代码

$(document).ready(function(){
            $('.addto').click(function (event) {
                event.preventDefault();
                $id=this.id;
                //alert($id);
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
                $.ajax({
                    url: '/test', //route url
                    dataType:"json",
                    type:"POST",
                    data:{id:this.id},
                    success: function(result){ //success function
                        alert("success");  //test alert
                }});
            });
        });

路线代码 这是我的路线代码

Route::match(['get','post'],'/test','ajaxcontrol@test'); //route url

控制器代码： 如何解决这个问题，我已经包含了所有的导入

class ajaxcontrol extends Controller
{
    public function test(Request $request){
        $valu=$request->id;
        echo json_encode($valu);            
    }
}

标签： ajaxlaravele-commerce

Answer 1

尝试像这样更改您的ajax：

$(document).ready(function(){
        $('.addto').click(function (event) {
            event.preventDefault();
            id=this.id;
            //console.log(id);
           
            $.ajax({
                url: "{{ url('/test') }}", //route url
                dataType:"json",
                type:"POST",
                data:{
                id:id,
                "_token": "{{ csrf_token() }}",
                },
                success: function(result){ //success function
                    alert("success");  //test alert
            }});
        });
    });