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
– Nezir, Commented Sep 25, 2018 at 9: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
– Peter Mellett, Commented Sep 25, 2018 at 9:32
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
– Peter Mellett, Commented Sep 25, 2018 at 9:52
No problem! Please add an answer with your solution and accept it :-) — Peter Mellett
– Peter Mellett, Commented Sep 25, 2018 at 9:55

Mike Tallerico · Accepted Answer · 2018-09-25 09:58:01Z

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, 2018 at 9:58

Mike Tallerico

1255 silver badges15 bronze badges

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

1 Answer 1