1

背景和我的研究

我想在不重新加载浏览器页面的情况下将数据从服务器发送到客户端。我正在阅读Rails 指南，使用 JSON 似乎很有希望。（如果我错了，请纠正我）。

2.2.8 渲染 JSON

JSON 是许多 AJAX 库使用的 JavaScript 数据格式。Rails 内置支持将对象转换为 JSON 并将该 JSON 呈现回浏览器：

render :json => @product 您不需要在要渲染的对象上调用 to_json。如果你使用 :json 选项，render 会自动为你调用 to_json。

问题

我希望能够在浏览器端渲染这个 JSON 对象。以下是该问题的适当代码。

视频控制器

class VideosController < ApplicationController
  include VideosHelper

  def home
    @video = Video.last
  end

  def next
    @next_video = next_video(params[:id])
    render :json => @next_video
  end
end

下一个.json.erb

{
  "title": "<%= @video.title %>"
  "url": "<%= @video.url %>"
  "youtube_id": "<%= @video.youtube_id %>"
  "genre": "<%= @video.genre %>"
  "category": "<%= @video.category %>"
  "likes": "<%= @video.likes %>"
  "dislikes": "<%= @video.dislikes %>"
  "views": "<%= @video.views %>"
  "user_id": "<%= @video.user_id %>"
  "created_at": "<%= @video.created_at %>"
  "updated_at": "<%= @video.updated_at %>"
}

如果我想在动作中呈现@next_videoJSON 对象。home我该怎么做呢？

4

1 回答 1

0

我猜你需要一些 js 处理程序。home.html.erb 中的类似内容：

$.ajax({
  url: '<%= next_video_path(@video.id) %>',
  type: "GET",
  dataType: "json",
  success: function(data) {
    // something brilliant here 
  }
})

同样在 next.json.erb 中，您应该将 @video 更改为 @next_video（因为您没有在下一个操作中初始化 @video）。还有一个建议 - 您可以使用 REST 重命名 next 来显示和删除主页（因为您可以用 show now 替换它）并且您需要将以前的代码更改为：

$.ajax({
  url: '<%= video_path(@video.next) %>',
  type: "GET",
  dataType: "json",
  success: function(data) {
    // something brilliant here 
  }
})

@video.next 将返回下一个视频的 id。

于 2012-09-30T21:33:15.080 回答