2016-07-14 8 views
1

は、私が構築されており、基本的なjQueryの宇井スライダブレードに取得する:Laravel jQueryの宇井Ajaxのコントローラへのポストと値が

$("#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); 
      } 
     }); 

ルート:そう基本的に私がしたい

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

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

、私のコントローラに私が電話して、このような値を返すようにしようとした

スライダーの値を取得し、後でその値をphp関数に戻して、ループなどでその値を使用します。

私はAjaxに慣れていないため、私が間違っていることを確認できません。

編集 私はホセ・ロハスの提案を試してみました:

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

そして、私は、コンソールにエラーを以下の取得:

http://localhost/myapp/public/product/edit/%7BproductID%7D 500(内部サーバーエラー)

を実際のURLは

です

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

編集

これが私のルートです:

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

あなたは他のビューに設定するメソッドに変数を投稿していますか? –

+0

はい、基本的にPHPでjavacript変数を使用する – utdev

+0

スライド変更オプションまたはスライドオプションにAjaxコードを入れます –

答えて

0

私がうまくundestandした場合、あなたはあなたの中にメソッドので、スライドの値を取得したいですコントローラは代わりに、スライドの値を返すビューを返します。このようなものはありません。

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

この値を受け取るメソッドでは、この値で必要な操作を行います。 AJAXを使用する目的は、Webページ全体を再読み込みせずにWebページの一部を読み込むことです。

+0

ありがとうございます。私は明日あなたに知らせます – utdev

+0

コンソール 'POST http:// localhost/myapp/public/product/edit /%7BproductID%7D 500(内部サーバーエラー)'に次のようなエラーが表示されるので、これは編集で常に起こります 実際のURLは 'http:// localhost/myapp/public/product/edit/51'です。 – utdev

+0

スライド変更オプションまたはスライドオプションにAjaxコードを入れてください –

関連する問題