Rails - passing object with multiple attributes to javascript

Question

I must pass object Product to javascript. I've read about different methods like:

data-parameter, which I've already use

 <div id="chosen-product-<%=product.id %>" class="chosen-product-panel panel panel-primary"
 data-conversion="<%= product.conversion %>" data-measure="<%= product.measure %>"

gem gon (it looks similar)

But my problem is that Product has about 50 attributes. So I don't want to pass 50 data-parameters. How can I pass entire object (is it possible in general?) and then get his attributes in javascript? I've watched http://railscasts.com/episodes/324-passing-data-to-javascript?autoplay=true by Ryan Bates too, but also didn't find solution for my problem.

Yury Lebedev · Accepted Answer · 2015-11-27 16:05:53Z

1

You can convert your object to json:

<div id="chosen-product-<%=product.id %>" class="chosen-product-panel panel panel-primary"
 data-conversion="<%= product.conversion.to_json %>" data-measure="<%= product.measure.to_json %>"

answered Nov 27, 2015 at 16:05

Yury Lebedev

4,01521 silver badges26 bronze badges

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

Comments

gmrash · Accepted Answer · 2015-11-27 16:12:15Z

1

You have to render @product as json. Then send ajax request and get this object.

class ProductsController < ApplicationController
  def get_product
    @product = Product.find(params[:id])
    render json: {product: @product}
  end
end

$.ajax({
   type: 'post',
   url: 'products/get_product',
   success: function (product) {
     //here you get product object with all attributes
   },
   error: function (err) {
    console.log(err);
   },

});

answered Nov 27, 2015 at 16:12

gmrash

6707 silver badges15 bronze badges

2 Comments

blazeP Over a year ago

Can you give me more details? I've never used json and ajax is not familiar for me. Should I specify route for this action? And how can I call this ajax function?

Yury Lebedev Over a year ago

It is a bad idea to call the action 'get_product', when normally it should be called 'show'. Also the product Id is missing

Collectives™ on Stack Overflow

Rails - passing object with multiple attributes to javascript

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related