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

Text inside the placeholder is not displaying correctly in the React.js user interface

``The background color will dynamically change according to the result of a function

jQuery Datatables causing hyperlinks to malfunction on webpage

In order to extract a value from a different webpage, I must first make a request to that webpage and extract the XML value from it

The input box refuses to accept any typed characters

Learn how to obtain a response for a specific query using the `useQueries` function

Injecting data into a Q promise

Recreating dropdown menus using jQuery Clone

The color of the last clicked DIV is supposed to stay permanent, but for some unknown reason

Trigger the submission of Rails form upon a change in the selected value within a dropdown form

What are some ways to adjust red and green blocks using CSS?

Comparing tick and flushMicrotasks in Angular fakeAsync testing block

Issue with modal-embedded React text input not functioning properly

Set an enumerated data type as the key's value in an object structure

Attempting to start and restart an asynchronous function using setIntervalAsync results in a TypeError because undefined or null cannot be converted to an

Error: An unexpected TypeError occurred while attempting to fetch an array or collection from MongoDB Atlas

Which data types in JavaScript have a built-in toString() method?

When the action "X" was executed, reducer "Y" resulted in an undefined value

Using Javascript in n8n to merge two JSON arrays into a single data structure

Is there a way to update an angular.js service object without using extend or copy?