How to pass json object to controller using ajax?

Question

I have a json object.I want to create a new student by passing this value.How to pass the value of that object to controller using ajax in ruby on rails? This is the code i used for passing the object.

self.save = function() {
       var dataToSave = {
                    Name: self.firstName(),
                    _age: self.Age()
                 }
       alert(JSON.stringify(dataToSave))
         $.ajax({
        url: '/students/new',
        dataType: 'json',
        type: 'PUT',
        data: {total_changes: JSON.stringify(dataToSave)},
        success: function(data) {
            alert("Successful");
          },
          failure: function() {
            alert("Unsuccessful");
          }
        });
       // TODO send request
  };

}

i There is some error in terminal. It shows

Parameters: {"id"=>"new", "total_changes"=>"{\"Name\":\"hu\",\"_age\":\"7\"}"}

id is taken as new.Rake routes

[nithinv@ast297 jquery_country]$ rake routes
     students GET    /students(.:format)          students#index
              POST   /students(.:format)          students#create
  new_student GET    /students/new(.:format)      students#new
 edit_student GET    /students/:id/edit(.:format) students#edit
      student GET    /students/:id(.:format)      students#show
              PUT    /students/:id(.:format)      students#update
              DELETE /students/:id(.:format)      students#destroy

controller is

def new
    @student = Student.new

    respond_to do |format|
      format.html # new.html.erb
      format.json { render :json => @student }
    end
  end

How can i go to create function in the controller?

Okky · Accepted Answer · 2013-02-21 12:42:05Z

4

Try this url:

 alert(JSON.stringify(dataToSave))
     $.ajax({
    url: '/students',
    dataType: 'json',
    type: 'PUT',
    data: {total_changes: JSON.stringify(dataToSave)},
    success: function(data) {
        alert("Successful");
      },
      failure: function() {
        alert("Unsuccessful");
      }
    });

Change url to /students

answered Feb 21, 2013 at 12:42

Okky

10.5k16 gold badges78 silver badges123 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 12:29:51Z

0

It does exactly what you ask it to do - converts JSON object into a valid string representation.

Now you need to parse this JSON string:

How do I parse JSON with Ruby on Rails?

edited May 23, 2017 at 12:29

CommunityBot

11 silver badge

answered Feb 14, 2013 at 7:19

Anton

3,0565 gold badges27 silver badges38 bronze badges

Comments

sjain · Accepted Answer · 2013-02-14 07:52:35Z

0

I think that your routes.rb is having false routing and that is why you are getting id as new.

It should be:

routes.rb

resources "students" 

match "/students/new" => "students#new"

This will call new action in your students controller. So it depends that what code your new action has in the students controller.

The rest of your code seems to be right. But if you still get error than show the error message that you are getting and also the new action code further.

answered Feb 14, 2013 at 7:52

sjain

23.4k30 gold badges115 silver badges190 bronze badges

6 Comments

sjain Over a year ago

Yes it is correct and will call the new action of students controller.

Nithin Viswanathan Over a year ago

I edited my code with your suggestion but still the terminal shows Parameters: {"id"=>"new", "total_changes"=>"{\"Name\":\"yut\",\"_age\":\"6\"}"} id= 'new'....

Nithin Viswanathan Over a year ago

also there was an error like this ActiveRecord::RecordNotFound (Couldn't find Student with id=new):

sjain Over a year ago

show your routes for students by running rake routes |grep students

Nithin Viswanathan Over a year ago

[nithinv@ast297 jquery_country]$ rake routes students GET /students(.:format) students#index POST /students(.:format) students#create new_student GET /students/new(.:format) students#new edit_student GET /students/:id/edit(.:format) students#edit student GET /students/:id(.:format) students#show PUT /students/:id(.:format) students#update DELETE /students/:id(.:format) students#destroy

|

Collectives™ on Stack Overflow

How to pass json object to controller using ajax?

3 Answers 3

Comments

Comments

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related