我的Ajax调用返回js.erb文件作为浏览器中的响应。如何让它返回json内容,还执行js.erb文件?

问题描述 投票:0回答:4

我是Ruby on Rails的新手,并尝试了一个应用程序。我的应用程序正确执行Ajax调用,但响应在浏览器中显示为js.erb文件。如何在执行js.erb文件时显示json响应?有可能还是有更好的方法?

谢谢。

我的控制器文件

def new
  @department = Department.new
  # respond_to do |format|
  #   format.html
  #   format.json {render json: @department}
  # end
end

def create
  @departments = Department.all
  @department = Department.create(department_params)
  respond_to do |format|
    format.html
    format.js {render json: @department}
  end
end

Controller

我的表格部分

<div class="modal-dialog">
  <div class="modal-content">
  <%= form_for @department, remote: true, data: {type: :json} do |f| %>
  <div class="modal-body">
    <h2> Department: </h2>
    <ul class="errors"></ul>

    <div class="form-group">
      <%= f.label :title, class:"control-label" %>
      <%= f.text_field :title, class: "form-control" %>
    </div>
    <div class="form-group">
      <%= f.label :body, class: "control-label" %>
      <%= f.text_field :body, class: "form-control" %>
    </div>
  </div>
  <div class="modal-footer">
    <%= f.submit class: "btn btn-primary .departmentCreate" %>
    <%= link_to "Cancel", "#", class: "btn", data: {dismiss: "modal"} %>
  </div>
<% end %>
</div>
</div>

Form.html.erb

如果我保留format.js {render json:@department} Json Response,我的Json响应

如果我从控制器中移除渲染json,我的响应:JS response

我的new.js.erb文件

$("#department-modal").html("<%= escape_javascript(render 'departments/new') %>")
$("#department-modal").modal("show")

我的_new.html.erb部分:

<%= render "form" %>

我的create.js.erb文件:

<%= render 'save' %>

我的_save.js.erb部分:

$("ul.errors").html("")
<% if @department.errors.any? %>
  <% @department.errors.full_messages.each do |message| %>
    $("ul.errors").append($("<li />").html("<%= message.html_safe %>"))
<% end %>
<% else %>
  $(".department-index").html("<%= escape_javascript(render 'departments/index') %>")
  $("#department-modal").modal("hide")

在浏览器中呈现json响应时,js.erb文件不会执行。如何在js.erb文件执行时在浏览器中显示json响应?谢谢 :)

ruby-on-rails json ruby ajax response
4个回答
1
投票

如何在js.erb文件执行时在浏览器中显示json响应?谢谢 :)

如果我理解你所问的是什么,答案就是你不能。你的回复Content-Type将是application/jsonapplication/javascript

浏览器将使用此标头来处理响应。


0
投票

JavaScript未执行的原因是因为控制器中存在一个处理响应的块。因此代码永远不会到达您的JavaScript文件。

换行:

format.js { render json: @department }

至:

format.js

这将告诉Rails您接受JavaScript请求,并且由于未指定任何块,因此使用“app / views / departments / create.js.erb”中的模板。

如果您不想渲染默认模板,可以在块中指定它,如下所示:

format.js { render: :new } # renders app/views/departments/new.js.erb

要么:

format.js { render: 'some/path' } # renders app/views/some/path.js.erb

0
投票

而不是嵌套渲染js.erb直接渲染模板从控制器与完整路径。假设_save.js.erb的完整路径是departments/save另外@departments应该在创建新部门后计算,以便新创建的记录将添加@departments

def create
  @department = Department.create(department_params)
  @departments = Department.all
  render template: 'departments/save'
end

使用partial传递局部变量总是一个很好的做法:_

$("ul.errors").html("")
<% if @department.errors.any? %>
  <% @department.errors.full_messages.each do |message| %>
    $("ul.errors").append($("<li />").html("<%= message.html_safe %>"))
<% end %>
<% else %>
  $(".department-index").html("<%= j render 'departments/index', departments: @departments) %>")
  $("#department-modal").modal("hide")

0
投票

您既不能这样渲染,也可以在服务器端渲染部分,并将结果存储在JSON中。在客户端,您可以处理JSON,并在JS代码中提取和使用呈现的HTML片段。

Jbuilder中用于呈现部分语法的语法:

json.some_key json.partial! 'my_partial.js.erb'

所以堆栈就像......

调节器

# Render the JSON partial in views

respond_to do |format|
    format.json {}
end

视图 - 控制器操作将调用默认的json构建器来执行操作,例如views/departments/new.json.jbuilder

在这里渲染你想要的任何原始JSON,比如@department,但也渲染所需的JS部分并将其存储在JSON中

json.department @department


json.department_form json.partial! 'new.js.erb'

然后在接收JSON的客户端代码中,例如data,partial将出现在关键的department_form下,并且您可以将呈现的表单分配给原始视图中的html占位符元素

     //... ajax call to your controller#action
     dataType: "json",
     success: function(data) {
                $("#department_form_placeholder").html(data['department_form'])
© www.soinside.com 2019 - 2024. All rights reserved.