javascript - 使用 AJAX 更新返回错误并直接转到路由显示 "MethodNotAllowedHttpException No message"

Question

我正在尝试使用 ajax 进行更新。它总是返回一个错误，我不知道去哪里找。我想做的是在不重新加载页面的情况下进行更新。

查看:

    <form id="view-int-form">
    @csrf
        <h1>ID Number:</h1>
        <input type="text" name="id_number" value="{{$var1->id_number}}">

        <h1>Name:</h1>
        <input type="text" name="name" value="{{$var1->name}}">

        <button type="button" id="clickme" value="Save">Save</button>
    </form>

Ajax :

    $(document).on("click", "#clickme", function(){
            $.ajax({
                url: '/updatename',
                type: 'POST',
                data: $("#view-int-form").serialize(), 
                success: function (data) {
                    alert("SAVED");
                },
                error: function (data) {
                    alert("ERROR");
                }
            });
        });

路线:

    Route::post("/updatename","UsersController@UpdateName");

Controller :

    public function UpdateName(Request $request){
        $id = $request->input('id_number');

        $update_name = $request->input('name');

        users::where("id_number",$id)->update(['first_name'=>$update_name]);        
    }

感谢任何可以提供帮助的人。

Answer 1

您提供的网址有误。最好提供如下 URL，

url: '{{URL::to('updatename')}}',

此外，您可以像这样在 web.php 中命名您的 url，

Route::post("/updatename","UsersController@UpdateName")->name('update_name');

然后像这样使用， url::'{{route('update_name')}}',