[FIXED] Ajax laravel dropdown not returning the id of selected value

Issue

I am passing the hotel id as a parameter to my function to get all the rooms in that hotel. But it is returning an error. I want to return in a JSON format the id of the hotel. this is my javascript function

function showRooms($hotel_plan_id) {
   var id = $hotel_plan_id; 
 if (id !== "") {
var token = $('meta[name="_token"]').attr('content');
     $.ajax({
    url: '/rooms'+id,
    type: "Get",
    dataType: 'JSON',
    data: "{id:" + JSON.stringify(id) + ", _token:" + token + "}",
success:function(data)
    {
      alert('xdata:' + data);
    //$('#'+dependent).html(result);
    },
    error: function (result) {
      alert("Error occur in the rooms()");
    }
 });

this is my controller

public function rooms(id $id){

    $response = array(); 
    $response =$id;

    return response()->json($response);
}

this is my route

Route::get('/rooms', 'HomeController@rooms')->name('/rooms');

Solution

your URL url: '/rooms'+id, and Route::get('/rooms', 'HomeController@rooms')->name('/rooms'); not valid, please see my code i am edited your code

   //Change your js function
   function showRooms(hotel_plan_id) {
     var id = hotel_plan_id; 
      if (id !== "") {
        $.ajax({
          type: "GET",
          dataType: 'JSON',
          url:'{{ route('rooms', '') }}/'+id,
          data:{_token:'{{ csrf_token() }}'},
          success:function(data){
            alert('xdata:' + data);
            //$('#'+dependent).html(result);
          },
          error: function (result) {
            alert("Error occur in the rooms()");
          }
        });
      }
    }

    //Change your function 
    public function rooms($id){
      return response()->json(['id'=>$id]);
    }

    //Change your route
    Route::get('rooms/{id}', 'HomeController@rooms')->name('rooms');

Answered By - Md Abdul Awal