js.erb 不在 Rails 6 中渲染

Question

我在从动作渲染 .js.erb 时遇到问题。动作触发，rails 告诉我它正在渲染 js.erb，但 js 从未被渲染，并且从控制台日志中可以明显看出 js 没有渲染到浏览器的控制台。我在网上尝试了一堆解决方案，但似乎无法找出为什么 rails 会告诉我这个 js 模板正在渲染，但实际上并没有在浏览器中渲染。 我可能会错过什么？

控制器动作

def dynamic_search
    puts "WE ARE IN DYNAMIC_SEARCH"
    puts params[:q]
    client = HTTPClient.new
    string = 'call to google places api'
    @result = client.get_content(string)
    @hash = JSON.parse @result

    render "home/dynamic_search.js.erb", format: :js
  end

Rails 终端输出

  Rendering home/dynamic_search.js.erb
  Rendered home/dynamic_search.js.erb (Duration: 0.0ms | Allocations: 4)
Completed 200 OK in 479ms (Views: 0.7ms | ActiveRecord: 0.0ms | Allocations: 4613)

更新：

调用该操作的代码如下（不是 100% 正确，目前只是使用 JQuery 轻松自动完成测试调用）

document.addEventListener("turbolinks:load", function() {

    $input = $('*[data-behavior="autocomplete"]')

    var options = {
        url: function(phrase){
            console.log(phrase)
            return '/search/' + phrase
        }
    }

    $input.easyAutocomplete(options);
});

Answer 1

easy-autocomplete 期望 dynamic_search 返回可解析的数据（JSON 或 XML）。

它实际上并没有在当前上下文中运行“dynamic_search.js.erb”中的js。这意味着“dynamic_search.js.erb”的内容需要在渲染后表示这样的对象，或者最好是 dynamic_search 操作应该直接渲染它。

例如（我假设您想将easy-autocomplete 与@result 一起使用）

def dynamic_search
    puts "WE ARE IN DYNAMIC_SEARCH"
    puts params[:q]
    client = HTTPClient.new
    string = 'call to google places api'
    @result = client.get_content(string)

    render json: @result
  end

我不确定 @result json 的实际外观，因此您可能需要在上方或下方进行额外操作。

那么js可以是：

document.addEventListener("turbolinks:load", function() {
    $input = $('*[data-behavior="autocomplete"]')
    var options = {
        url: function(phrase){
            console.log(phrase)
            return `/search/${phrase}`
        }
    }
    $input.easyAutocomplete(options);
});