javascript - Laravel ajax post，没有得到响应，错误或数据库插入

Question

我正在尝试进行 POST ajax 调用，该调用将采用表单输入值，通过路由将其传递给将调用插入函数的 Controller 。我已经通过 ajax 调用设置了我的路线、我的插入功能、我的 Controller 和我的 Blade ，但是当我填写输入并点击提交按钮时，控制台中没有响应或错误，也没有记录插入数据库。

也许我完全忽略了某些东西，但我是否清楚我在这里遗漏或做错了什么？也许我也应该以不同的方式进行调试？

路由.php

Route::post('insertFruit', 'Controller@insertFruit');

Controller .php

public function insertFruit(Request $request)
{

    if ($request->ajax()) {

        $productComment = $request->productComment;

        $fruitService = new fruitService();
        $fruitService->insertListRecord($productComment);
    }
}

水果服务.php

public function insertListRecord($productComment)
{
    $link = DB::conn();
    $sql = "CALL fruit.fruitInsert(?, ?)";

    $exec = odbc_exec($link, $sql);

    $prep = odbc_prepare($link, $sql);
    if ($prep === false) {
        $error = odbc_errormsg($link);
        if (!empty($error)) {
            throw new \Exception($error);
        }
    }

    $exec = odbc_execute($prep, array($productComment));
    if ($exec === false) {
        $error = odbc_errormsg($link);
        if (!empty($error)) {
            throw new \Exception($error);
        }
    }
}

Blade .php

    <form id="productForm" class="uk-form uk-width-1-1">
    <div class="uk-grid">
        <div class="uk-width-1-1">
            <label class="uk-form-label" for="">Comments:</label>
            <textarea name="productComment" id="" cols="70" rows="5" placeholder="Optional"></textarea>
        </div>
    </div>
    <div class="uk-grid">
        <div class="uk-width-1-1 uk-text-center">
            <button id="save" class="uk-button uk-button-primary uk-button-large" style="padding:0 50px;">Save</button>
        </div>
    </div>
</form>

    $("#save").click(function(e){

    e.preventDefault();

    var productComment = $("input[name=productComment]").val();

    $.ajax({
        url:'/insertFruit',
        data:{

            productComment:productComment
        },
        "_token": "{{ csrf_token() }}",
        type:"POST",
        success:function(response){
            console.log(response);
        },
        error: function(jqxhr, status, exception) {
             alert('Exception:', exception);
         }
    });

});

Answer 1

在表单的 HTML 中，您需要将其方法设置为 POST，因为您的路由需要 POST 方法。

 <form id="productForm" class="uk-form uk-width-1-1" method="post">