POST не должен перезагрузить страницу

Question

У меня есть одна проблема, я реализовал код для добавления в мои db идентификаторы статьи при наведении курсора, чтобы сделать статью прочитанной, и приведенный ниже код обновляет страницу каждый раз, когда появляется мой код (добавленный тип данных)

$('.newness').hover(
    function () {
        $(this).addClass('hover');
       newnessId = $(this).data('id');
       $.ajax({url:'/user_activities', method: 'POST', data: {user_activity:{activity_id: newnessId}},
           dataType: "script"
       })
    }
)

Я думаю, что проблема заключается в 'POST', он обновляет страницу ... Возможно, решение состоит в том, чтобы сложить все ajax-запросы и выполнить 'post' позже, но я не знаю, как это сделать,Извините за мой плохой английский

есть журналы:

Started POST "/user_activities.json" for 127.0.0.1 at 2018-05-25 14:31:49 +0200
Processing by UserActivitiesController#create as JSON
  Parameters: {"user_activity"=>{"activity_id"=>"3"}}
  User Load (1.6ms)  SELECT  "users".* FROM "users" WHERE "users"."id" = $1 ORDER BY "users"."id" ASC LIMIT $2  [["id", 2], ["LIMIT", 1]]
  ↳ /home/benjamin/.rbenv/versions/2.5.0/lib/ruby/gems/2.5.0/gems/activerecord-5.2.0.rc1/lib/active_record/log_subscriber.rb:98
   (0.4ms)  BEGIN
  ↳ app/controllers/user_activities_controller.rb:12
  Activity Load (0.3ms)  SELECT  "activities".* FROM "activities" WHERE "activities"."id" = $1 LIMIT $2  [["id", 3], ["LIMIT", 1]]
  ↳ app/controllers/user_activities_controller.rb:12
  UserActivity Exists (0.4ms)  SELECT  1 AS one FROM "user_activities" WHERE "user_activities"."user_id" = $1 AND "user_activities"."activity_id" = $2 LIMIT $3  [["user_id", 2], ["activity_id", 3], ["LIMIT", 1]]
  ↳ app/controllers/user_activities_controller.rb:12
Started POST "/user_activities.json" for 127.0.0.1 at 2018-05-25 14:31:49 +0200
  UserActivity Create (6.7ms)  INSERT INTO "user_activities" ("activity_id", "user_id", "created_at", "updated_at") VALUES ($1, $2, $3, $4) RETURNING "id"  [["activity_id", 3], ["user_id", 2], ["created_at", "2018-05-25 12:31:49.932177"], ["updated_at", "2018-05-25 12:31:49.932177"]]
Processing by UserActivitiesController#create as JSON
  ↳ app/controllers/user_activities_controller.rb:12
  Parameters: {"user_activity"=>{"activity_id"=>"3"}}
   (2.5ms)  COMMIT
  ↳ app/controllers/user_activities_controller.rb:12
Redirected to http://localhost:3000/
Completed 200 OK in 26ms (ActiveRecord: 11.9ms)


  User Load (2.9ms)  SELECT  "users".* FROM "users" WHERE "users"."id" = $1 ORDER BY "users"."id" ASC LIMIT $2  [["id", 2], ["LIMIT", 1]]
  ↳ /home/benjamin/.rbenv/versions/2.5.0/lib/ruby/gems/2.5.0/gems/activerecord-5.2.0.rc1/lib/active_record/log_subscriber.rb:98
   (0.7ms)  BEGIN
  ↳ app/controllers/user_activities_controller.rb:12
  Activity Load (0.6ms)  SELECT  "activities".* FROM "activities" WHERE "activities"."id" = $1 LIMIT $2  [["id", 3], ["LIMIT", 1]]
  ↳ app/controllers/user_activities_controller.rb:12
  UserActivity Exists (0.9ms)  SELECT  1 AS one FROM "user_activities" WHERE "user_activities"."user_id" = $1 AND "user_activities"."activity_id" = $2 LIMIT $3  [["user_id", 2], ["activity_id", 3], ["LIMIT", 1]]
  ↳ app/controllers/user_activities_controller.rb:12
   (0.3ms)  ROLLBACK
  ↳ app/controllers/user_activities_controller.rb:12
Redirected to http://localhost:3000/
Completed 200 OK in 19ms (ActiveRecord: 5.7ms)


Started GET "/" for 127.0.0.1 at 2018-05-25 14:31:49 +0200
Processing by PagesController#home as HTML

ROLLBACK потому что я упомянул уникальность в моей модели :) Приложение запускается сразу после публикации, поэтому страницаэто обновление для / я не знаю, почему

Спасибо:)

Answer 1

Вы забыли упомянуть dataType: "script" с запросом ajax?

$('.newness').on('hover',function () {
  $(this).addClass('hover');
  var newnessId = $(this).data('id');
  $.ajax({
    url: '/user_activities', 
    method: 'POST', 
    data: {
      user_activity: {
        activity_id: newnessId
      }
    },
   dataType: "script"
  })
})

Answer 2

ответ есть :) в моем контроллере я просто удаляю

redirect_to root_path

class UserActivitiesController < ApplicationController

  def destroy
    @useractivity = UserActivity.find(params[:id])
    @useractivity.destroy
  end

  def create
    @user = current_user
    @useractivity = @user.user_activities.build(useractivities_params)
    @useractivity.save
  end

private

  def useractivities_params
    params.require(:user_activity).permit(:activity_id)
  end
end

Answer 3

Иногда рельсы отправляют ajax-запрос в виде HTML-типа, тогда вам нужно указать dataType, вы можете сделать это, передавая dataType или как я.Вы можете попробовать это как:

<script>
    $('.newness').hover(
        function () {
            $(this).addClass('hover');
           newnessId = $(this).data('id');
           $.ajax({url:'/user_activities.json', method: 'POST', data: {user_activity:{activity_id: newnessId}}})
        }
    )
</script>