时间戳

首页 > 解决方案 > 模型不是由 AJAX 创建的

javascript - 模型不是由 AJAX 创建的

问题描述

我想创建一个View在用户完成观看课程时创建的模型。该模型应该有一个课程 ID 和一个用户 ID 属性。但是 Ajax 不会在观看完一堂课后创建视图模型：

应用程序.js：

$('#video').onended(function() {
  $.ajax({
    url:  '/views/new'
    type: 'post'
  });
});

视图控制器：

def create
  @view = current_user.views.build
  @view.lesson = Lesson.find(params[:lesson_id])
end

查看迁移：

def change
  create_table :views do |t|
    t.integer :lesson_id
    t.integer :user_id

    t.timestamps
  end
end

查看型号：

belongs_to :user
belongs_to :lesson

用户模型：

has_many :views

课程模式：

has_many :views

路线：

post 'views/new' => 'views#create'

课程/show.html.erb：

<h2><%= @lesson.name %></h2>
<video id="video" controls="true" width="auto" 
height="auto">
<source src="<%= url_for(@lesson.file) %>" 
type='video/mp4'>
</video>

标签： javascriptruby-on-railsrubyajax

解决方案

从您的 AJAX 中您不会params[:lesson_id]以任何方式传递，因此在控制器中它最终是Lesson.find(nil)，这会引发ActiveRecord::RecordNotFound并且控制器呈现错误 404（请检查浏览器的控制台）。

<video id="video" data-id="<%= @lesson.id %>" controls="true" width="auto" height="auto">

$('#video').onended(function() {
  var id = $(this).data('id');
  $.ajax({
    url:  '/views/new'
    type: 'post',
    data: {
      lesson_id: id
    }
  });
});

另外，您不保存构建对象，请使用create!（如果无法保存，bang 版本会引发错误）：

def create
  @view = current_user.views.create!(lesson: Lesson.find(params[:lesson_id]))
end

推荐阅读