Ajax实时编辑功能失效，请求接口返回500 (Internal Server Error)

修改商品信息时，点击修改按钮后接口返回*500 (Internal Server Error)*错误，相关实现代码如下。

前端Ajax实现代码 #

$(document).ready(function(){
    fetch_customer_data();

    $(document).on('click', '#btnModify', function(){
        var name = $('#Name2').text();
        var title = $('#Title2').text();
        var mainPrice = $('#MainPrice2').text();
        var discount = $('#DiscountPrice2').text();
        var StockQ = $('#StockQuantity2').text();
        var Desc = $('#Discription2').text();
        var Features = $('#Features2').text();
        var id = $("#id2").text();

        if(name != ' ')
        {
            $.ajax({
                url:"/Product/Update",
                method:"POST",
                data:{name:name, title:title, mainPrice:mainPrice, discount:discount, StockQ:StockQ, Desc:Desc, Features:Features, id:id, _token:_token},
                success:function(data)
                {
                    fetch_customer_data();
                }
            });
        }
        else
        {
            alert('Something went wrong');
        }
    }); 
});

后端edit函数实现代码 #

public function edit(Request $request)
{
    if($request->ajax())
    {
        $data = array([
            'Name'          =>  $request->name,
            'Title'         =>  $request->title,
            'MainPrice'     =>  $request->mainPrice,
            'DiscountPrice' =>  $request->discount,
            'StockQuantity' =>  $request->StockQ,
            'Discription'   =>  $request->Desc,
            'Features'      =>  $request->Features
            ]
        );

        DB::table('products')
            ->where('id', $request->id)
            ->update($data);
        echo '<div class="alert alert-success">Data Updated</div>';
    }
}  

路由配置 #

Route::post('/Product/Update', [ProductsController::class, 'edit']);

500错误由后端代码参数格式错误直接触发，具体问题点和修复方式如下：

• 核心诱因：后端更新数据的参数格式错误。$data = array([...])的写法生成了二维数组，而Laravel查询构造器的update()方法只接收字段名为键、字段值为值的一维关联数组，传入二维数组会直接触发SQL语法报错。修复方式：去掉外层多余的array()包裹，直接定义一维数组即可：

  $data = [
      'Name'          =>  $request->name,
      'Title'         =>  $request->title,
      'MainPrice'     =>  $request->mainPrice,
      'DiscountPrice' =>  $request->discount,
      'StockQuantity' =>  $request->StockQ,
      'Discription'   =>  $request->Desc,
      'Features'      =>  $request->Features
  ];
  

• 前端冗余参数：原Ajax的data参数里重复写了两次name:name，删掉其中一个即可，不影响运行但属于无效代码。
• 空值判断逻辑失效：前端的判断条件if(name != ' ')仅判断name是否不等于单个空格，无法拦截空字符串、全空格的非法输入，改成if(name.trim() !== '')才能正确校验非空。
• CSRF传参校验：代码里传了_token参数，需要确认页面中已经提前定义了_token全局变量，值为页面渲染时生成的CSRF令牌，否则会返回419权限错误。
• 字段类型不匹配：价格、库存字段从DOM取到的是字符串类型，如果数据库对应字段是数值类型，建议传参前做类型转换，比如mainPrice: Number(mainPrice)、StockQ: Number(StockQ)，避免类型不匹配触发数据库错误。
• 方法命名不规范：按照Laravel开发约定，edit方法用于展示编辑表单页，处理更新提交的逻辑应该放在update方法中，建议调整路由和控制器方法名对应，避免后续维护混淆。

内容的提问来源于stack exchange，提问作者aymane