How to pass array from js to controller

Question

I have an array in my javascript file app/assets/javascript/pages/books_page.js :

var booksPage = Backbone.Model.extend({
  defaults: {
    authors: []
  }
  ...

How can I pass that to my controller as a param. The path of my controller is app/controllers/books_controller.rb ?

I think I might need an ajax request and tried the following but it is not working:

$.ajax({
        type: "post",
        url: "/books_controller",
        data: { list_authors: this.get('authors') },
      });

Specifically, I am not sure what the url needs to be. Your help here will be greatly appreciated. Thanks.

mu is too short · Accepted Answer · 2019-02-28 03:27:43Z

1

Backbone (and jQuery) should do all the heavy lifting for you. Set the urlRoot in the model:

var booksPage = Backbone.Model.extend({
  urlRoot: '/books',
  ...
});

and then call save on the instance to send the data to the server:

// Get or create `books` as a `booksPage` instance as usual...
// Then make some changes to `books` using `books.set(...)`...
books.save();

answered Feb 28, 2019 at 3:27

mu is too short

436k71 gold badges863 silver badges822 bronze badges

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

Comments

7urkm3n · Accepted Answer · 2019-02-28 03:02:02Z

0

You can use JSON.stringify, and parse it from Controller JSON.parse(params).

$.ajax({
      type: "post",
      url: "/books_controller",
      data: { list_authors: JSON.stringify(this.get('authors')) }
});

edited Feb 28, 2019 at 3:02

answered Feb 28, 2019 at 2:58

7urkm3n

6,3304 gold badges33 silver badges48 bronze badges

2 Comments

Jadoo Over a year ago

but what about the url ??

7urkm3n Over a year ago

@Jadoo I do not know yr urls, just make sure passing right params and getting them right.

Tom · Accepted Answer · 2019-02-28 03:03:21Z

0

type: 'POST', 
url: `/books/${this.id}`, // or '/books/' + this.id,
data: {
  _method: 'put'
}

This will route you to the BooksController#update. You also need to merge the _method entry into your data object.

"NOTE: Because submitting forms with HTTP methods other than GET and POST isn't widely supported across browsers, all other HTTP methods are actually sent over POST with the intended method indicated in the _method parameter. Rails automatically detects and compensates for this." - Working with JavaScript in Rails

edited Feb 28, 2019 at 3:03

answered Feb 28, 2019 at 2:26

Tom

1,32010 silver badges18 bronze badges

8 Comments

mu is too short Over a year ago

Why not just go with type: 'put'?

Tom Over a year ago

@muistooshort 2.4 How do forms with PATCH, PUT, or DELETE methods work? It's an old work around baked pretty deep into Rails to handle lack of browser support.

Tom Over a year ago

@muistooshort It is referenced as far back as at least 10 years ago in the Rails doumentation!

mu is too short Over a year ago

But you're not using a <form>.

Tom Over a year ago

@muistooshort shhh, don't let Rails know! "When parsing POSTed data, Rails will take into account the special _method parameter". The _method is used in POST requests, not only form submission. Take, for instance, a remote: true form sending back an AJAX request.

|

Collectives™ on Stack Overflow

How to pass array from js to controller

3 Answers 3

Comments

2 Comments

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related