我是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
我的表格部分
<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>
如果我保留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响应?谢谢 :)
如何在js.erb文件执行时在浏览器中显示json响应?谢谢 :)
如果我理解你所问的是什么,答案就是你不能。你的回复Content-Type
将是application/json
或application/javascript
。
浏览器将使用此标头来处理响应。
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
而不是嵌套渲染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")
您既不能这样渲染,也可以在服务器端渲染部分,并将结果存储在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'])