rails 3.2 ajax實時搜索

我仍然是一名Rails-Learner，並且對實現ajax實時搜索越來越絕望。搜索似乎適用於提交，但不適用於關鍵字。想不通爲什麼...rails 3.2 ajax實時搜索

index.html.erb

<%= form_tag contacts_path, :method => 'get', :id => "contacts_search" do %> 
    <p> 
    <%= text_field_tag :search, params[:search] %> 
    <%= submit_tag "Search", :name => nil %> 
    </p> 
    <div id="cresults_div"><%= render 'cresults' %></div> 
<% end %> 

<%= link_to 'New Contact', new_contact_path %>

contacts_controller.rb

def index 
    @contacts = Contact.search(params[:search]) 

    respond_to do |format| 
     format.html # index.html.erb 
     format.json { render json: @contacts } 
    end 
    end

index.js.erb的

$("#cresults_div").html("<%= escape_javascript(render("cresults")) %>");

contact.rb

def self.search(search) 
     if search 
     where('last_name LIKE ?', "%#{search}%") 
     else 
     scoped 
     end 
    end

contacts.js.coffee

jQuery -> 
    # Ajax search on submit 
    $('#contacts_search').submit(-> 
    $.get(this.action, $(this).serialize(), null, 'script') 
    false 
) 
    # Ajax search on keyup 
    $('#contacts_search input').keyup(-> 
    $.get($("#contacts_search").attr("action"), $("#contacts_search").serialize(), null, 'script') 
    false 
)

_cresults.html.erb

<%= hidden_field_tag :direction, params[:direction] %> 
<%= hidden_field_tag :sort, params[:sort] %> 
<h1>Listing contacts</h1> 

<table> 
    <tr> 
    <th>Salutation</th> 
    <th>First name</th> 
    <th>Last name</th> 
    <th>Stree</th> 
    <th>Street no</th> 
    <th>Zip</th> 
    <th>City</th> 
    <th>State</th> 
    <th>Country</th> 
    <th>Phone</th> 
    <th>Email</th> 
    <th></th> 
    <th></th> 
    <th></th> 
    </tr> 

<% @contacts.each do |contact| %> 
    <tr> 
    <td><%= contact.salutation %></td> 
    <td><%= contact.first_name %></td> 
    <td><%= contact.last_name %></td> 
    <td><%= contact.stree %></td> 
    <td><%= contact.street_no %></td> 
    <td><%= contact.zip %></td> 
    <td><%= contact.city %></td> 
    <td><%= contact.state %></td> 
    <td><%= contact.country %></td> 
    <td><%= contact.phone %></td> 
    <td><%= contact.email %></td> 
    <td><%= link_to 'Show', contact %></td> 
    <td><%= link_to 'Edit', edit_contact_path(contact) %></td> 
    <td><%= link_to 'Destroy', contact, confirm: 'Are you sure?', method: :delete %></td> 
    </tr> 
<% end %> 
</table>

還試圖額外添加的application.js

$(function() { 
    $("#contacts_search input").keyup(function() { 
    $.get($("#contacts_search").attr("action"), $("#contacts_search").serialize(), null, "script"); 
    return false; 
    }); 
});

但實時搜索將不開始輸入......爲什麼？

來源

2013-02-22 BeeVee

凡是在JS控制檯這種特殊情況下？ – 2013-02-22 19:55:20

嘗試用'$（'＃contacts_search'）。submit（）'替換'$（'＃contacts_search input'）.keyup'下的內容。 – 2013-02-22 20:02:49

@DaveNewton：很好，謝謝 - '未捕獲的SyntaxError：意外的令牌<'在jquery.min.js中：13 - 將嘗試調查 – BeeVee 2013-02-22 20:17:00

在我不得不從索引中刪除，方法的

respond_to do |format| 
    format.html # index.html.erb 
    format.json { render json: @contacts } 
end

塊在接觸控制器

來源

2013-02-23 15:53:53 BeeVee

rails 3.2 ajax實時搜索

回答

相關問題