Using fetch API to get data from Rails

Question

So I am building a react on rails project to learn some new things. I am trying to use the fetch API to get data from the db.

I have tried this method and this one. But I might be implementing them wrong.

This is my fetch route:

fetch('/get_data')
      .then(response => {
        response.json();
      })
      .then(data => console.log(data));

I have my route set up in Ruby on Rails:

match '/get_data' => 'get_data#pull', via: :get

I have my controller just doing something simple at the moment to see if I can get any data.

class GetDataController < ApplicationController
  def pull
    @allproduct = Product.all
    render json: @allproduct
  end
end

Thanks for any help in pointing me in the right direction!

First thing I note here is that you are missing pull action at line fetch('/get_data/pull') — Nezir, Sep 25 '18 at 09:26
What actually happens in your browser when you run this code? Anything in the console or network tab that might give you a clue? — Peter Mellett, Sep 25 '18 at 09:32
@PeterMellett I am getting undefined in the console. And the network tab I am seeing a few GET request. One for the HTML and the one I have defined get_data which is returninf a 304 status code. — Mike Tallerico, Sep 25 '18 at 09:42
Oh! Return the result of `response.json()` from your first `then`, you're console logging nothing because there is nothing returned for the next call in the promise chain — Peter Mellett, Sep 25 '18 at 09:52
No problem! Please add an answer with your solution and accept it :-) — Peter Mellett, Sep 25 '18 at 09:55

score 4 · Answer 1 · answered Sep 25 '18 at 09:58

4

The issue was that I needed a return statement in my fetch call. :)

fetch('/get_data')
      .then(response => {
        return response.json();
      })
      .then(data => console.log(data));

answered Sep 25 '18 at 09:58

Mike Tallerico

1 Answers1