Ajax Laravel Rückansicht 500 Fehler

Question

Ich bekomme jeden Schieberegler Wert in Folie (Jquery Ui Slider) über Ajax zu meinem Controller.

Der Slider + Ajax sieht wie folgt aus:

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

So habe ich dies in meinem Kopf:

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

Meine Route wie folgt aussieht:

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

Und in meine Controller-Methode nenne ich das so:

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

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

Log :: info ($ sliderValue) sagt mir, dass ich den richtigen Schieberegler Wert auf jeder Folie erhalten.

Wenn ich versuche, meine Bearbeitungsansicht zurückzukehren bekomme ich diesen Fehler in der Konsole:

POST http://localhost/myApp/public/product/edit/73 500 (Internal Server Error )

Wie kann ich dieses Problem lösen?

bearbeiten

Da ich diese Zeile aus meiner Sicht:

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

Die Route Variable nicht so definiert wurde, fügte ich in meiner return-Anweisung.

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

Der Fehler ist weg, aber wenn ich versuche, die $sliderValue Variable wie diese zuzugreifen:

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

druckt es mir nothing

bearbeiten

Controller:

public function editProductPost(Request $request) 
    { 

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

anzeigen (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

Ihre Controller-Methode sollte wie folgt aussehen:

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

Sie shouldn‘ t eine Sicht auf eine Ajax-Anfrage zurückgeben.

Ihre Ajax-Erfolg Methode wie folgt (zum Beispiel) aussehen sollte:

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

und es sollte wie folgt ouput:

{ 
    'sliderValue': 4 
} 

Answer 2

Ihre Route als editProductPost genannt wird, aber Sie suchen nach editProduct