AXIOS returning an empty array on ajax request

Question

I am trying to retrieve an array using axios to do the ajax request, but the result is always empty. Funny is that same request works just fine with artisan tinker!

Let's see some code:

route/web.php file

Route::get('/trocaCarros/{id}', 'VitrineController@trocaCarros')->name('trocaCarros');

The Vuejs method:

methods: {
umaMarca() {
// alert(marca.value);
axios.get('/trocaCarros/' + marca.value).then(response => this.vitrine = response.data);
  }

The VitrineController.php

public function trocaCarros(Request $request)
{
$marca = $request->id;
$umaMarcaModelo = Modelo::where('marca_id','=', $marca);
return response()->json($umaMarcaModelo);
}

The browser response is:

{}

But, when I did it at the Tinker:

Psy Shell v0.8.11 (PHP 7.1.6 — cli) by Justin Hileman
$marca = 212
=> 212

Then...

$modelo = App\Modelo::where('marca_id','=', $marca)->get();

It returns 6 results, as I have in database, like:

=> Illuminate\Database\Eloquent\Collection {#994
 all: [
   App\Modelo {#995
     id: 880011,
     descricao: "Accord",
     marca_id: "212",
     categoria_id: "1",
     ativo: 1,
     created_at: "2017-08-03 18:35:19",
     updated_at: "2017-08-03 19:41:36",
   },
   App\Modelo {#996
     id: 880012,
     descricao: "City",
     marca_id: "212",
     categoria_id: "1",
     ativo: 1,
     created_at: "2017-08-03 18:47:26",
     updated_at: "2017-08-03 18:47:26",
   },

... and more 4 others

Does anyone know what I missed?

Forgot the ->get() in the first one?

user8034901
– user8034901

2017-10-17 21:37:58 +00:00
Commented Oct 17, 2017 at 21:37 — user8034901
– user8034901, Commented Oct 17, 2017 at 21:37
Yes, i Forgot. Thakns

Marcello Pato
– Marcello Pato

2017-10-27 11:50:06 +00:00
Commented Oct 27, 2017 at 11:50 — Marcello Pato
– Marcello Pato, Commented Oct 27, 2017 at 11:50

Mohsen · Accepted Answer · 2017-10-17 23:10:32Z

1

you have to get the param from the url in your controller. update your The VitrineController.php like blow.

public function trocaCarros($id, Request $request)
{
    $marca = $id;
    $umaMarcaModelo = Modelo::where('marca_id', $marca)->get();
    return response()->json($umaMarcaModelo);
}

edited Oct 17, 2017 at 23:10

answered Oct 17, 2017 at 23:00

Mohsen

3421 gold badge2 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Marcello Pato Over a year ago

OK, now I want to render the result on a DIV. I know how to do it using jQuery, but how AXIOS handles that?

Raza Mehdi · Accepted Answer · 2017-10-18 09:48:17Z

0

When axios, you can get data by using:

axios.post(url,params)
.then(function(response) {
   // response.data contains the data
}).catch(function(error) {

});

answered Oct 18, 2017 at 9:48

Raza Mehdi

9415 silver badges7 bronze badges

Collectives™ on Stack Overflow

AXIOS returning an empty array on ajax request

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related