当我收到200回复​​时,CoffeeScript会一直触发错误?

时间:2013-03-13 22:46:06

标签: javascript ruby-on-rails ajax ruby-on-rails-3 coffeescript

我正在尝试使用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:errorajax:success替换ajaxSuccessajaxError,但之后它什么也没做。任何信息都会非常感谢。

我正在尝试关注:http://edgeguides.rubyonrails.org/working_with_javascript_in_rails.html

1 个答案:

答案 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