2016-07-14 53 views
1

我建的和基本的jQuery UI的滑塊:Laravel 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' => '[email protected]']); 

,並在我的控制器我試圖調用和返回這樣的值:

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

所以基本上我想獲取滑塊值,然後將值返回給php函數,例如在循環中使用該值。

我不習慣Ajax,因此不知道我做錯了什麼。

編輯 我想何塞·羅哈斯建議:

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

和我在控制檯以下錯誤:

http://localhost/myapp/public/product/edit/%7BproductID%7D 500(內部服務器錯誤)

的實際的網址是:

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

編輯

這是我的路線:

Route::get('edit/{productID}', ['as' => 'editProduct', 'uses' => '[email protected]']); 
+0

你正在發佈變量的方法設置爲其他視圖? –

+0

是的,所以基本上使用一個JavaScript變量在php – utdev

+0

把你的ajax代碼放在幻燈片更改選項或幻燈片選項 –

回答

0

如果我已瞭解好了,你想要得到的值,所以該方法的滑動控制器而不是返回視圖應返回幻燈片的值,如下所示:

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

然後,在接收該值的方法中,使用此值執行所需操作。使用AJAX的目標是在不重新加載整個網頁的情況下加載網頁的一部分。

+0

謝謝我現在無法檢查,我將在明天讓你知道 – utdev

+0

在控制檯POST POST:http:// localhost/myapp/public/product/edit /%7BproductID%7D 500(內部服務器錯誤)中出現以下錯誤,因此這總是在編輯中發生產品與它的ID, 實際的URL是'http:// localhost/myapp/public/product/edit/51' – utdev

+0

把你的ajax代碼放在幻燈片更改選項或幻燈片選項 –