Utilizing Rails' JSON response with Ember.js

Question

Utilizing Rails' JSON response with Ember.js

This is a sample serializer

class TestSerializer < ActiveModel::Serializer
    attributes :post
    def post
        @post = user.joins(:post).select("user.name as name,post.content as content").where("user_id = ?",object.id)
    end

end

I'm trying to understand how to utilize this JSON response in an Ember.js model and view.

javascript ruby-on-rails ember.js

Answer 1

Answer №1

Your approach seems a little off. To properly serialize a Post, you should create a PostSerializer.

If you have already set up a Post model like the following:

class User < AR::Base
  has_many :posts
end

class Post < AR::Base
  belongs_to :user
end

You can generate a serializer with the commands:

rails g serializer post
rails g serializer user

This will result in the following serializer structure:

class PostSerializer < ActiveModel::Serializer
  attributes :id, :title
  has_one :user
end

In your controller, ensure that you have set up:

class PostsController 
  respond_to :html, :json
  def show
    @post = Post.find(params[:id])
    respond_with @post
  end
end

After completing these steps, call /posts/1.json to see the serialized data:

{"post":{"id":1,"title":"the title","user":{"id":1,"name":"jesse"}}}

Answer 2

Your approach seems a little off. To properly serialize a Post, you should create a PostSerializer.

If you have already set up a Post model like the following:

class User < AR::Base
  has_many :posts
end

class Post < AR::Base
  belongs_to :user
end

You can generate a serializer with the commands:

rails g serializer post
rails g serializer user

This will result in the following serializer structure:

class PostSerializer < ActiveModel::Serializer
  attributes :id, :title
  has_one :user
end

In your controller, ensure that you have set up:

class PostsController 
  respond_to :html, :json
  def show
    @post = Post.find(params[:id])
    respond_with @post
  end
end

After completing these steps, call /posts/1.json to see the serialized data:

{"post":{"id":1,"title":"the title","user":{"id":1,"name":"jesse"}}}

Utilizing Rails' JSON response with Ember.js

Answer №1

Similar questions

The form submission feature is malfunctioning due to JavaScript issues

Using VB.NET to run JavaScript through Selenium's ChromeDriver

Modifying an onClick handler function within a react element located in a node module, which points to a function in a prop declared in the main Component file

Having trouble with the JSON response while implementing AngularJS

Is there a way to use JavaScript to switch the entire div on and off

Error during compilation in npm (symbol '_' is not recognized)

I was unable to produce the result of the input value entered at the bottom

Ways to retrieve information from an Ajax post method call using an index similar to an array

Guide to verifying the presence of cookies by name in the browser and granting access to the specific page accordingly

What could be the reason for the unexpected outcome when checking if display is equal to "none"?

Adjust the hue as you scroll

What's the best way to manage endless routing options in express.js?

Steps for transitioning a VUE JS project to TypeScript

Is it possible to send requests to multiple APIs using a TypeScript event handler?

Which specific graphing library does GitHub utilize for its Graphs section?

Troubleshooting issue: EJS loop not functioning correctly when handling JSON information

Creating an asynchronous function in Node.js that returns a promise, but experiencing unexpected behavior when using console.log to display the result

The functionality of window.localStorage.removeItem seems to be malfunctioning when used within an $http

What is the method for showcasing an array using AngularJs in my specific scenario?

Vue.js is failing to re-render the component even after a change is made to