Rails JS响应，同时呈现状态和模板？

Question

在我当前的 rails 应用程序中，我正在使用 ajax uploader 库，它要求您使用 json {success:true} 进行响应，以表明文件已成功上传。

在我的应用程序中，文件是图像，上传后我想将其添加到页面中。通常我会这样做：

respond_to do |format|
  format.html { redirect_to @resource, :notice => 'Created.' }
  format.js
end

在上面的示例中，我的 JS 响应将呈现适当的模板，例如 create.js.erb，它可能会显示类似...

$('#resources').append('<%= escape_javascript( render '@resource' ) %>');

这就是我过去所做的事情，例如 Ajax cmets 等。现在，要让上传者工作，我的respond_to 块当前执行以下操作：

format.js { render :json => { :success => true } }

这使上传器工作，但似乎阻止我像通常使用 Ajax 响应一样向页面添加渲染的部分。

我的问题是，有没有办法同时实现这两者？如果没有，在成功创建渲染对象后，您将如何使用渲染对象填充页面？

Answer 1

您不能直接从控制器或使用视图模板同时进行。看起来 ajax 上传者期待一个可以解析为 JSON 的响应，因此使用模板添加任何其他响应（这意味着不执行 format.js { render :json => { :success => true }}）不会将 JSON 作为响应正文发回。

查看插件的source，您可以看到您可以定义一个运行onComplete 的方法，该方法将为您提供JSON 响应。

这是未经测试的，但应该让你接近。所以你如果扩展你的 JSON 响应像

format.js do
  partial = render_to_string @resource
  render :json => { :success => true, :partial => partial }
end

然后在设置 ajax 上传器时在页面上的 javascript 中添加回调

var uploader = new qq.FileUploader({
  element: document.getElementById('file-uploader'),
  action: '/upload',
  onComplete: function(id, fileName, responseJSON) {
    $('#resources').append(responseJSON.partial);
  }
});