Laravel 5.3 API not fetching data while using JavaScript on server - laravel

Question

Routes: \routes\web.php
Route::get('api/get-market-list','MemberTradesController#getMarketList');
Route::get('api/get-market-list1','MemberTradesController#getMarketListtest');
Controller MemberTradesController
There're two function, getMarketListtest(just for testing on server) and getMarketList (this is for Request $request because, i have used it in dependent select box)
public function getMarketListtest(){
$markets = DB::table("markets")
->pluck("market","id");
return response() -> json($markets);
}
public function getMarketList(Request $request){
$markets = DB::table("markets")
->where("exchange_id", $request->exchange_id)
->pluck("market","id");
return response() -> json($markets);
}
Java scripts :
<script type="text/javascript">
$('#exchange').change(function(){
var exchangeID = $(this).val();
if(exchangeID){
$.ajax({
type:"GET",
url:"{{url('api/get-market-list')}}?exchange_id="+exchangeID,
success:function(res){
if(res){
$("#market").empty();
$("#market").append('<option>Select</option>');
$.each(res,function(key,value){
$("#market").append('<option value="'+key+'">'+value+'</option>');
});
}else{
$("#market").empty();
}
}
});
}else{
$("#market").empty();
$("#symbol").empty();
}
});
</script>
View:
<title>Laravel 5 - Dynamic autocomplete search using select2 JS Ajax</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
{!! Form::open(['method'=>'POST', 'action'=> 'MemberTradesController#store']) !!}
<div class="form-group col-sm-5">
{!! Form::label('exchange_id', 'Exchanges:') !!}
{!! Form::select('exchange_id', [''=>'Choose Options'] + $exchanges , null, ['class'=>'form-control', 'id'=>'exchange'])!!}
</div>
<div class="form-group col-sm-5">
{!! Form::label('market_id', 'Markets:') !!}
{!! Form::select('market_id', [''=>'Choose Options'] , null, ['class'=>'form-control', 'id'=>'market'])!!}
</div>
{!! Form::close() !!}
Screenshot of TABLE:
Screenshot of TABLE:
For Function two Link for API result : api/get-market-list
Important information :
when i'm using this in my localhost, its give me result.
first api getMarketListtest() is working, because there is not having : (Request $request)
Error Log of laravel
[Changed code as per you function ]4

Answer 1

You can use $request->input('exchange_id'); instead of $request->exchange_id
Just try to replace this function.
public function getMarketList(\Illuminate\Http\Request $request){
$exchange_id = $request->input('exchange_id');
if(!empty($exchange_id)){
\Log::info('This is working.');
}
$markets = DB::table("markets")
->where('exchange_id', $exchange_id)
->pluck("market","id");
return response()->json($markets);
}
Please comment if any errors.