Laravel Ajax Post 返回 500

Question

我构建了一个 ajax 帖子，它将每个滑块值（我正在使用 jquery ui 滑块）发送到我的控制器。

Ajax 代码：

$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});

$.ajax({
    type: 'post',
        contentType: "application/json",
    url: "{{ Route('editProductPost', $product->id) }}",
    headers: {
        'X-Requested-With': 'XMLHttpRequest'
    },
    data: JSON.stringify({
        value: getSliderVal,
        productId : getPrId
    }),
    datatype: 'json',
    success: function(response) {
        // get response
        console.log(response.sliderValue)
    }
});

在我的控制器中，我正在这样做：

public function editProductPost(Request $request)
{
    Log::info($request->get('value'));

    return view('product.edit', [
        'sliderValue' => $request->get('value')
    ]);
}

这会返回正确的滑块值，

Log::info($request->get('value'));

但我在浏览器控制台中收到此错误消息：

POST http://localhost/myApp/public/product/edit/98 500（内部 服务器错误）

稍后我想在我认为的 php 循环中调用这个 sliderValue。

编辑

我确实有一个 csrf 令牌：

<meta name="csrf-token" content="{{ csrf_token() }}">

编辑

我已经这样做了：

    $sliderValue = $request->get('value');
    $route = 'updateProduct';

    return view('product.edit', compact(['sliderValue', 'route']))->render();

控制台打印我undefined，如果我这样做{{ sliderValue }}，我收到一个错误，sliderValue 没有定义

Answer 1

对您的代码稍作改动：

    public function editProductPost(Request $request)
    {
       Log::info($request->get('value'));
       $sliderValue = $request->get('value';

       return view('product.edit', compact('sliderValue'))->render();
    }

Answer 2

这里的问题是您在控制器中返回了一个视图。如果您的视图在其中使用了 {{ $sliderValue }}，它应该可以工作。但是javascript没有办法获取sliderValue变量。

如果你想要sliderValue原样，你可以返回这个数组

return [ 'view' => view('product.edit', compact(['sliderValue', 'route']))->render(), 'sliderValue' => $sliderValue ];

这样您将向 javascript 发送一个具有 2 个属性的对象，一个应该包含视图，第二个将只包含值。