2

我有以下

=form_for @issue, remote: true, html: {class: 'form-inline'} do |f|
  ...

和

<form class="form-inline" id="new_issue" action="/issues" accept-charset="UTF-8" data-remote="true" method="post">

和

$(document).on 'turbolinks:load', ->
  $("#new_issue").on("ajax:success", (e, data, status, xhr) ->
    console.log 'data='+data
    console.log 'status='+status
    console.log 'xhr='+xhr
    $("#new_issue_success").append(xhr.responseText).show()
    $("#new_issue_error").hide()
  ).on("ajax:error", (e, xhr, status, error) ->
    console.log 'error='+error
    console.log 'status='+status
    console.log 'xhr='+xhr
    $("#new_issue_error").append("ERROR: #{error}").show()
    $("#new_issue_success").hide()
  ).on('ajax:complete', ->
    console.log 'complete'
  )

和

  def create
    issue = Issue.new issue_params
    issue.validate_user_entry
    if issue.errors.empty? && issue.save # can't use #valid? because that clears errors and runs only standard Rails validations!
      render json: issue, status: :created
    else
      render json: issue.errors.full_messages, status: :unprocessable_entity
    end

我在浏览器控制台中得到了这个

POST http://localhost:3000/issues 422 (Unprocessable Entity)
XHR failed loading: POST "http://localhost:3000/issues".

这在我的 Rails 服务器控制台中

Started POST "/issues" for 127.0.0.1 at 2018-06-07 22:29:34 -0400
Processing by IssuesController#create as JS
  Parameters: {"utf8"=>"√", "issue"=>{"first_name"=>"", "last_name"=>"", "city"=>"", "issue"=>""}, "commit"=>"Submit"}
Completed 422 Unprocessable Entity in 1ms (Views: 0.2ms | ActiveRecord: 0.0ms)

那么为什么它不调用 Ajax 回调并在控制台上打印出结果呢？无论成功还是失败，我都希望它能够显示结果。

它直接取自指南： http: //guides.rubyonrails.org/v5.0/working_with_javascript_in_rails.html#form-for

我也试过

$(document).on("ajax:success", (e, data, status, xhr) ->
  ...
).on "ajax:error", (e, xhr, status, error) ->
  ...

我验证了事件正在监听浏览器中的元素

在此处输入图像描述

在另一个有效的 Rails 项目中，我有几乎完全一样的东西。我像其他项目一样降级到 Rails 5.0.6，但没有帮助。

导轨 5.0.7，jQuery 3.3.1

我发现这是由 ActiveAdmin 引起的。我已经为它输入了一个错误。当我重命名active_admin.js.coffee为active_admin.js.coffee.xxxthen 它可以工作，但当然会破坏 ActiveAdmin。我尝试添加//= stub active_admin到application.js，但由于某种原因jquery_ujs无法加载。我查看了该页面的来源/assets/jquery_ujs.self-784...，尽管//= require jquery_ujs位于application.js.

我怎样才能同时拥有 ActiveAdmin 和 UJS？我不需要/admin页面上的 UJS。

4

1 回答 1

2

我通过移动active_admin.js.coffee来修复它vendor\assets\javascripts\active_admin.js.coffee。现在/admin作品和远程形式在/作品中。一点都不明显。希望他们把它放在文档中，或者更好的是，不要干扰标准 Rails。

于 2018-06-08T20:36:17.690 回答