查看未渲染

Question

我正在尝试使用 jquery 从当前视图呈现视图。我正在为我的项目使用 flexigrid，我想为信息按钮编写代码。

这是我的看法。使用 jquery 我正在调用以下内容，

var name = $('.trSelected .sorted div').html();
$.post("/contacts/display_info/", {file_as : name});

我的控制器如下。也试过调试。

def display_info
        @contact = Contacts.find_by_file_as(params[:file_as])
        puts "---------------"
        puts @contact.id
        puts "---------------"
        render(:action => 'display_info' , :id => @contact.id)
    end

这是我的控制台：

无法弄清楚是什么问题。请帮忙！

Answer 1

1. 如果您正在执行 ajax 请求，最好是 JSON。
2. 对于 Json，请检查联系人文件夹中名为 contacts.json.erb 的文件。
3. 您可以尝试使用远程 true、比 ajax/json 请求更干净和更好的选项。

检查这个：http://railscasts.com/episodes/205-unobtrusive-javascript

尝试放入你的控制器

respond_to do |format|
    format.html
    format.json { render :json=> {:success => true, :id => @contact.id } }
end

类似的东西。

Answer 2

在您的layout，请添加：

<%= csrf_meta_tag %>

当您是 posting 时，请确保您正在发送：

 "authenticity_token": "<%= form_authenticity_token %>"

更具体地说：

$(document).ajaxSend(function(e, xhr, options) {
  var token = $("meta[name='csrf-token']").attr("content");
  xhr.setRequestHeader("X-CSRF-Token", token);
});

谢谢。

Answer 3

问题是您正在发出 ajax 请求，但您没有对它做任何事情。您需要一个回调来捕获请求的响应，并以某种方式对其进行处理。

类似：

$.post("/contacts/display_info/", {file_as : name}, function(data) {
  // `data` will be the HTML returned by the server

  // If for example you want to render this HTML on your page, you may want something like: 
  $('#my_fancy_div').html(data);
});

您还需要将控制器操作更改为 render layout: false，假设您只想在视图中呈现 HTML，而不是周围的应用程序布局。