在ajax调用之后更新Rails实例变量

Question

我正在尝试允许用户输入ISBN号并接收有关该书的数据。 当用户首次输入ISBN号时，此方法有效，但是当他/她尝试更改ISBN号时，该值将无法更新（尝试更改该值后，它将自身更改回第一个ISBN号）。

我有一个_form.html.erb部分，当在input#isbn_field键入一些内容时会更新该部分。 如果ISBN有效，则更新信息以将id: 'isbn-lookup-results-container'中的其他信息（作者姓名，标题等）替换为id: 'isbn-lookup-results-container' 。

加载isbn_lookup_result部分后，如何允许更改ISBN？

listings_controller.rb

def lookup
   @listing = Listing.new
   @isbn_lookup_result = Listing.amazon_lookup(params[:isbn])
   render partial: 'isbn_lookup_result'
  end

lookup.js.coffee

$(document).ready ->
  TIMEOUT = null
  $(document).on 'keyup', 'input#isbn_field', ->
    clearTimeout TIMEOUT
    TIMEOUT = setTimeout((->
      ajaxResponse = $.ajax(
        url: '/listings/lookup'
        type: 'GET'
        data:
          isbn: $('input#isbn_field').val())
      ajaxResponse.success (data) ->
        $('#isbn-lookup-results-container').html data
        $('#form-unfilled').hide()
        return
      ajaxResponse.error (data) ->
        alert 'Not a valid ISBN'
        return
      return
    ), 2000)
    return
  return

_isbn_lookup_result.html.erb

<%= form_for(@listing, :html => {class: "form-horizontal" , 
    role: "form"}, method: :get) do |f| %>
       <div class="form-group">
        <%= f.text_field :isbn , class: "form-control" , 
              id: "isbn_field", placeholder: "ISBN (10 or 13 digits - no dashes)",         
              value: @isbn_lookup_result[:isbn], autofocus: true %>
        </div>
        # More stuff
<% end %>

Answer 1

如果我正确地理解了您，并且想以为是，那么您只是遇到了JavaScript问题。

现在，您正在将事件绑定到页面加载时的DOM中的选择器。 相反，您希望基于事件绑定到文档body及其内容。

我会尝试用$(document).on 'keyup', 'input#isbn_field', $('body').on 'keyup', 'input#isbn_field', $(document).on 'keyup', 'input#isbn_field',上的$('body').on 'keyup', 'input#isbn_field', $(document).on 'keyup', 'input#isbn_field', $('body').on 'keyup', 'input#isbn_field',

比我聪明的人在这里讨论此问题Jquery Event在ajax调用后不会触发 -一个好的Google foo将是ajax之后的bind事件的一部分