Level 10
@amrcodes are you getting anything from devtools network tab
Mar 28, 2021
10
Level 1
Laravel and Vue.js api controller problem
I'm trying to make filter using city and feature, so it something like get me the city that has x feature. I'm stuck in my Api Controller, I'm trying to use the request-> city and $request->feature in my controller like this:
$response= Hotel::where('city', $request->cat)->where('features_list', $request->feat)->get();
return response()->json($response);
using this controller code is not working and i'm not sure how to solve such a problem.
here is my vue.js code :
const app = new Vue({
el: '#app',
components: { App },
mounted() {
console.log('comp mounted.')
this.getHotelFun();
this.city();
this.feature();
},
data: function() {
return {
cat:[],
feat:[],
hotels:[]
}
},
watch:{
cat(after, before){
this.city()
},
feat(after, before){
this.feature()
}
},
methods:{
city(name){
axios.get('http://localhost:8000/api/products?name=' + name, {params:{cat:this.cat}})
.then(res=> this.hotels = res.data)
},
feature(feat){
axios.get('http://localhost:8000/api/products?option=' + feat, {params:{feat:this.feat}})
.then(respond => this.hotels = respond.data)
},
getHotelFun(){
let self = this;
axios.get('../api/products').then(function(res){
self.hotels = res.data;
})
},
},
});
my network error https://imgur.com/OrkGaMU ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ The expected behavior:
1 - When I select a city, all the hotels that is from the selected city should show up.
2- After selecting a city I need to select a feature to show all the hotels that in the selected city that has the selected feature.
Current behavior:
1 - When city is selected the hotels shows up correctly.
2- When Feature is selected the network throws status 500 and error with array to string conversion
Level 1
Yes, this is what I get https://i.imgur.com/OrkGaMU.png
Level 10
@amrcodes your are passing an array and the controller expects a string try
dd($request->feat);
to see what u r passing to the controller
Level 1
In the request it's feat : [ "Room Service" ] how can I convert it from array to string
Level 10
$feat = implode($request->feat);
$response= Hotel::where('city', $request->cat)->where('features_list', $feat)->get();
return response()->json($response);
Level 1
$feat now is 200 status and $request->cat is status 500
the error in network is: implode(): Argument must be an array
Level 10
@amrcodes try
$feat = implode("", $request->feat);
Level 1
Same error i'm not sure why is that happening
Level 10
@amrcodes you may have to place a comma inside quotes not sure of the correct syntax
$feat = implode(",", $request->feat);
Level 10
@amrcodes one of the 3 should work
$feat = implode(",", (array)$request->feat);
$feat = implode("", (array)$request->feat);
$feat = implode((array)$request->feat);
Please or to participate in this conversation.