Laravel Jquery Ui Ajax 发布到控制器并为刀片获取价值

Question

我构建了基本的 Jquery Ui 滑块：

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

            $('#sliderAppendNumCh').append(
            <div class=\"form-group\" style=\"width:100%;margin:0 auto;\">
                ...
            </div>);

        },
        slide : function(e , slider){
            $('#number_of_chapters').val(slider.value);
        },
    });     

我现在的问题是如何将每张幻灯片上的滑块值发布到我的 Laravel 控制器。

我试过了：

        $.ajax({
            type: 'POST',
            url: "{{Route('getAjaxRequest')}}",
            headers: {'X-Requested-With': 'XMLHttpRequest'},
            data: {value: getSliderVal},
            success: function (option) {
                console.log(getSliderVal);
            }
        });

路线：

Route::post('create', ['as' => 'getAjaxRequest', 'uses' => 'ProductController@getAjaxRequest']);

在我的控制器中，我尝试调用并返回如下值：

public function getAjaxRequest()
{
    $value =  Request::get('value');
    return view('productRom.edit')->with('value', $value);
}

所以基本上我想获取滑块值，然后将该值返回给 php 函数，例如在循环中使用该值。

我不习惯 Ajax，因此不确定自己做错了什么。

编辑 我尝试了 Jose Rojas 的建议：

public function getAjaxRequest()
{
    $value =  Request::get('value');
    //do your stuff
    return $slideValue;
}

我在控制台中收到以下错误：

http://localhost/myapp/public/product/edit/%7BproductID%7D500（内部服务器错误）

实际网址是：

http://localhost/myapp/public/product/edit/51

编辑

这是我的路线：

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

Answer 1

如果我理解得很好，您想获取幻灯片的值，因此控制器中的方法返回视图应该返回幻灯片的值，如下所示：

public function getAjaxRequest($productID)
{
    $value =  Request::get('value');
    //do your stuff
    return $slideValue;
}

然后，在您接收该值的方法中，您可以使用该值执行您想要的操作。使用 AJAX 的目的是在不重新加载整个网页的情况下加载部分网页。