我正在尝试使用remote: true
表单并完成所有设置,当我单击提交按钮时,每次都会触发错误操作。这就是我的CoffeeScript设置方式:
$(document).ready ->
$("#new_report").on("ajax:success", (e, data, status, xhr) ->
$("#new_report").append "<p>SUCCESS</p>"
).bind "ajax:error", (e, xhr, status, error) ->
$("#new_report").append "<p>ERROR</p>"
我的Reports_Controller
def create
@report = Report.new(params[:report])
respond_to do |format|
if @report.save
format.json { render json: "Created", :status => :created }
else
format.json { render json: @report.errors, status: :unprocessable_entity }
end
end
我的表格:
<%= form_for(@report, remote: true ) do |t| %>
<p id="reportalert"></p>
<%= t.text_field :plant_site, placeholder: "Plant Site" %>
<%= t.text_field :route_number, placeholder: "Route Number" %>
<%= t.text_field :driver_name, placeholder: "Driver name if available" %>
<%= t.date_select :date_recorded, html: { class: "input-block-level" } %>
<%= t.text_field :action, placeholder: "Action taken" %>
<%= t.text_area :report_body, placeholder: "What you witnessed",
style: "height: 300px;",
class: "input-block-level" %>
<%= t.submit "File Report", class: "btn btn-primary btn-large" %>
<% end %>
但是我检查了rails日志,它只是一个200响应,没有错误,并且信息被提交到数据库,那么为什么ajax:error
会触发?我还尝试用ajax:error
和ajax:success
替换ajaxSuccess
和ajaxError
,但之后它什么也没做。任何信息都会非常感谢。
我正在尝试关注:http://edgeguides.rubyonrails.org/working_with_javascript_in_rails.html
答案 0 :(得分:1)
您似乎没有从控制器返回JSON响应中的状态。这就是触发ajax:jQuery成功的原因:
if ( status >= 200 && status < 300 || status === 304 ) {....}
所以你的respond_to块应该是这样的:
respond_to do |format|
if @report.save
format.json { render json: "Created", :status => :created }
else
format.json { render json: @report.errors, status: :unprocessable_entity }
end
end