Question

我将幻灯片中的每个滑块值（Jquery Ui Slider）通过Ajax传送到我的控制器。

Slider + Ajax看起来像这样：

    $("#sliderNumCh").slider({
        range: "min",
        min: 0,
        max: 20,
        step: 1,
        value: numbersOfChapters,
        change : function(e, slider){
            $('#sliderAppendNumCh').empty();
            var sliderValue  = slider.value;
            var getSliderVal = document.getElementById('sliderValue').value = sliderValue;
            var getPrId      = document.getElementById('editId').value;

            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $.ajax({
                type: 'post',
                url: "{{ Route('editProductPost', $product->id) }}",
                headers: {
                    'X-Requested-With': 'XMLHttpRequest'
                },
                data: {
                    value: getSliderVal,
                    productId : getPrId
                },
                success: function (option) {
                    console.log(getSliderVal);
                }
            });
        },
    });

因此，我的确在脑海中这样做：

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

我的路线如下：

Route::post('edit/{productID}', ['as' => 'editProductPost', 'uses' => 'ProductController@editProductPost']);

在我的Controller方法中，我称之为：

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

    return view('productRom.edit', [
        'sliderValue' => $sliderValue
    ]);
}

Log :: info（$ sliderValue）告诉我每张幻灯片上都有正确的滑块值。

当我尝试返回编辑视图时，我在控制台中收到此错误：

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

我该如何解决这个问题？

修改

因为我在我的观点中有这一行：

<form action="{{ route($route) }}"...>

路由变量未定义，所以我在return语句中添加了它。

return view('productRom.edit', [
    'sliderValue' => $sliderValue,
    'route' => 'editProductPost'
]);

错误消失了，但是当我尝试像这样访问$sliderValue变量时：

<p>{{ isset($sliderValue) ? $sliderValue : "nothing" }}</p>

它会打印我nothing

修改

控制器：

    public function editProductPost(Request $request)
    {

        return response()->json([
            'sliderValue' => $request->get('value')
        ]);
   }

查看（AJAX）：

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $.ajax({
            type: 'post',
            url: "{{ Route('editProductPost', $product->id) }}",
            headers: {
                'X-Requested-With': 'XMLHttpRequest'
            },
            data: {
                value: getSliderVal,
                productId : getPrId
            },
            success: function (response) {
                // check it has some data
                if (response.length) {
                    // spit it out
                    console.log(response);
                } else {
                    console.log('nothing returned');
                }
            }
        });

Answer 1

您的控制器方法应如下所示：

HTML
<div>
  <label for="date">Update Time:</label>
  <input id="date" ng-model="formData.Updt_Time">
</div>


JAVASCRIPT
...
var ts = yr + "-" +mnth+ "-" + dt + " " + hours + ":" + minutes + ":" + seconds + " ";
$scope.formData.Updt_Time = ts;
...

您不应该将视图返回给ajax请求。

你的ajax成功方法应如下所示（例如）：

public function editProductPost(Request $request)
{
    return response()->json([
        'sliderValue' => $request->get('value')
    ]);
}

它应该输出这样的东西：

// first arg is the data returned by the controller method
success: function (response) {
    console.log(response);
}

Answer 2

您的路线名为editProductPost，但您正在搜索editProduct

Ajax Laravel返回视图500错误

2 个答案: