Ajax请求不起作用rails 4

Question

我试图在字段的出口处访问数据库，而不使用 Ajax 重新加载表单。控制器必须对从数据库中获取的数据做一些处理并响应视图。然后用户将继续输入。

我遗漏了一些东西，只是看不出哪里出了问题。我在 Rails 3.2 应用程序中使用相同的代码没有问题。在 Rails 3.2 中，请求转到 check_matricula 方法，但在 Rails 4 中，它转到 show 操作。

以下代码在我的 Rails 4 应用程序中不起作用：

宝石文件

gem 'responders', '~> 2.0'

查看

<div class="field">
    <%= f.text_field :matricula, { "data-remote" => true, "data-url" => "/liquidaciones_de_viajes/check_matricula", "data-type" => :json, :size => 10 } %>
    <span id="check_matricula">&nbsp;</span>
</div>

控制器

class LiquidacionesDeViajesController < ApplicationController
        respond_to :html, :json

  def check_matricula
    @matricula = Matricula.find_by_codigo(params[:liquidacion_de_viajes][:matricula])

    # ... some process that result in matricula_ok true or false ...

    if matricula_ok
      respond_with(@matricula.empresa.razon_social)
    else
      respond_with(nil)
    end
  end
end

assets/javascripts/check_matricula.js

$(document).ready(function() {
    $("#liquidacion_de_viajes_matricula").bind('ajax:success', function(evt, data, status, xhr) {
        if (data !== null) {
            $('#razon_social').html(data.razon_social);
            $('#check_matricula').html('');
        } else {
            $('#check_matricula').html('Error de matricula');
            $('#razon_social').empty();
        }
    });

    $("#liquidacion_de_viajes_matricula").live('ajax:before', function() {
        if ($(this).val() == '') {
            return false;
        }
    });

    $("#liquidacion_de_viajes_matricula").focus(function() {
        $('#check_matricula').empty();
        $('#razon_social').empty();
    });
});

我在控制台中看到一个 GET，但我在路由中做了一个 POST：

Started GET "/liquidaciones_de_viajes/check_matricula?liquidacion_de_viajes%5Bmatricula%5D=5‌​555" for 127.0.0.1 at 2016-05-30 15:00:50 -0300
Processing by LiquidacionesDeViajesController#show as JSON
Parameters: {"liquidacion_de_viajes"=>{"matricula"=>"5555"}, "id"=>"check_matricula"}

Answer 1

请在 Json 中更改您的回复

  def check_matricula
      @matricula = Matricula.find_by_codigo(params[:liquidacion_de_viajes][:matricula])

  ... some process that result in matricula_ok true or false ...

       if matricula_ok
        respond_to do |format|
          format.html
          format.json{
            render :json => @matricula.empresa.razon_social.to_json
          }
      end

      else
          respond_with(nil)
      end
  end

Answer 2

您只需为您的控制器指定check_matricula 路由：

resources : liquidaciones_de_viajes do
  collection do
    post `check_matricula`
  end
end

如果没有这条路由，Rails 会假定 check_matricula 是 show 路由的 :id 部分。

要通过POST 向URL 发送请求，请将data-method: :post 选项添加到您的text_field，如下所示：

<%= f.text_field :matricula, { data-remote: true, data-url: "/liquidaciones_de_viajes/check_matricula", data-type: :json, data-method: :post, size: 10 } %>