Почему не приходят параметры в экшн?

Question

[Андрей]

Не могу понять в чем беда. Отправляю ajax'ом данные

$(document).ready(function() {
  $("#btn").click(function(event) {

    event.preventDefault();

    $.ajax({
      type: 'POST',
      url: '/moods',
      data: 'rating=4&remark=Boston'
    });
  });
});

В логах вижу:

D, [2017-07-19T23:08:22.527103 #19660] DEBUG -- :    (0.4ms)  BEGIN
D, [2017-07-19T23:08:22.542988 #19660] DEBUG -- :   SQL (1.0ms)  INSERT INTO "moods" ("created_at", "updated_at") VALUES ($1, $2) RETURNING "id"  [["created_at", "2017-07-19 20:08:22.527600"], ["updated_at", "2017-07-19 20:08:22.527600"]]
D, [2017-07-19T23:08:22.566071 #19660] DEBUG -- :    (22.1ms)  COMMIT
D, [2017-07-19T23:08:22.567071 #19660] DEBUG -- :    (0.4ms)  BEGIN
D, [2017-07-19T23:08:22.568624 #19660] DEBUG -- :    (0.3ms)  COMMIT
127.0.0.1 - - [19/Jul/2017:23:08:22 +0300] "POST /moods HTTP/1.1" 303 - 0.2144
127.0.0.1 - - [19/Jul/2017:23:08:24 +0300] "GET / HTTP/1.1" 200 3714 0.1664

Т.е. парамсы rating=4&remark=Boston не пришли.
+ возвращает 303 статус? почему, я же направляю запрос в экшн /moods, т.е. мой create.
проблема в том, что данные в принципе не доходят до экшна. убираю ajax и все нормально работает.

post '/moods' do
  @mood = Mood.create(params[:mood])

  if @mood.save
    redirect :'/'
  else
    redirect :'/'
  end
end

В общем, в чем тут беда?

Comments

[Kovalsky]

303 это редирект, разве это у вас в коде не редирект?:

if @mood.save
    redirect :'/'
  else
    redirect :'/'
  end

[Андрей]

Никита Полевой: проблема в том, что данные в принципе не доходят до экшна. убираю ajax и все нормально работает.

[Kovalsky]

Андрей: если под "убираю аякс" вы имеете в виду "использую обычную форму", то возможно дело в том, что $.ajax кладёт данные data в тело POST запроса, а форма отправляет их в виде параметров URL, а значит ваша петрушка "@mood = Mood.create(params[:mood])" отрабатывает корректно только когда данные переданы в виде параметров.

Думаю, проверить не сложно - попробуйте в коде с $.post убрать свойство data и вручную конкатенировать его с URL ('/moods?rating=4&remark=Boston'). Сработает?

[Андрей]

Я так предполагал, что код:

$.ajax({
      type: 'POST',
      url: '/moods',
      data: 'rating=4&remark=Boston'
    });

Добавит к моему url + ?rating=4&remark=Boston и отправит это все на сервер. Я неправ?

[Андрей]

Никита Полевой: Вообще нет, не сработало

[Kovalsky]

Андрей: вот так запросто не вспомню, проще проверить, но если верить документации, то data appended to the url for GET-requests.

Хотя проверить не сложно: прямо на этой странице в консоли выполните -

$.ajax({
	method: "GET",
	url: '/',
	data: 'asd=2'
});
$.ajax({
	method: "POST",
	url: '/',
	data: 'asd=2'
});

После этого зайдите в Network и посмотрите два последних запроса - GET ушёл на "https://toster.ru/?asd=2" и без тела, а POST ушёл на "https://toster.ru/" с вот этими данными в теле (FormData): asd: 2

[Андрей]

Ну в общем-то да, вы правы. Как тогда отправить данные?

[Kovalsky]

Андрей: нууу, берите данные из тела запроса, а не из атрибутов. Вроде никаких фокусов быть не должно.

[vsuhachev]

Отправляйте в json, рельсы его спокойно парсят в виде параметров (Content-Type только не забудте указать)

Answer 1

[McBernar]

Data через GET, а используете POST?

Answer 2

[Andrey Demidenko]

data: { mood: { rating: 4, remark: 'Boston' } }