jQuery用戶界面自動完成：遠程源問題

Question

林使用jQuery UI自動完成功能。

當我使用一個局部變量源它的工作原理。

var json = [ 
      {type: "Utente",label: "Luca XXXX",url: "http://lvh.me:3000/users/4dde465add53e04e5c000001"}, 

      {type: "Domanda",label: "Luca asdas adsfdsfdsf sdsd",url: "http://lvh.me:3000/questions/luca-asdas-adsfdsfdsf-sdsd"}, 
    ]; 

但是，當我從另一個文件返回相同的來源，它不起作用。我在firebug中找到了JSON對象，看起來和我的本地變量json一樣。

的代碼如下：

$(".query-input").autocomplete({ 
     minLength: 3, 
     source: "/search.json", 
     select: function(event, ui) { window.location = ui.item.url } 
    }) 
    .data("autocomplete")._renderItem = function(ul, item) { 
     return $("<li></li>") 
      .data("item.autocomplete", item) 
      .append("<a href=" + item.url + ">"+ item.label +"</a><span>" + item.type + "</span>") 
      .appendTo(ul); 
    }; 

這是search.json.erb文件：

[<% @results.each do |r| %> 
<% if r.is_a? User %> 
    {type: "Utente",label: <%= r.name.to_json.html_safe %>,url: <%= user_url(r.id).to_json.html_safe %>}, 
<% elsif r.is_a? Question %> 
    {type: "Domanda",label: <%= r.text.to_json.html_safe %>,url: <%= question_url(r.slug).to_json.html_safe %>}, 
<% elsif r.is_a? Topic %> 
    {type: "Argomento",label: <%= r.name.to_json.html_safe %>,url: <%= topic_path(r.id).to_json.html_safe %>}, 
<% end %> 
<% end %>] 

有什麼不對？

Answer 1

問題是錯過的回調。自動完成需要一個回調參數才能正常工作。 右search.json代碼如下：

<%= "#{params[ :callback ]}(" if params[:callback] -%> 
[<% @results.each_with_index do |r, i| %> 
    <% if r.is_a? User %> 
    { 
     type: "Utente", 
     label: <%= r.name.to_json.html_safe %>, 
     url: "<%= user_url(r.id) %>" 
    } 
    <% elsif r.is_a? Question %> 
    { 
     type: "Domanda", 
     label: <%= r.text.to_json.html_safe %>, 
     url: "<%= question_url(r.slug) %>" 
    } 
    <% elsif r.is_a? Topic %> 
    { 
     type: "Argomento", 
     label: <%= r.name.to_json.html_safe %>, 
     url: "<%= topic_path(r.slug) %>" 
    } 
    <% end %> 
    <%= "," unless i == @results.count - 1 %> 
<% end %>] 
<%= ")" if params[:callback] -%> 

Answer 2

$(".query-input").autocomplete({ 
      minLength: 3, 
      dataType: 'json', 
      source: "/search.json", 
      select: function(event, ui) { window.location = ui.item.url } 
}) 

您應該提到的dataType爲「json的」

Answer 3

我不認爲 html_safe將換用雙引號字符值。

編輯：原來html_safe不加雙引號字符。然而，在你的Firebug跟蹤的JSON是無效的，不會在你的問題的代碼相匹配：

[ 
    { 
     type: "Utente", 
     label: "Luca XXXX", 
     url: "lvh.me:3000/users/4dde465add53e04e5c000001"; <-- syntax error 
    }, { 
     type: "Domanda", 
     label: "Luca asdas adsfdsfdsf sdsd", 
     url: "lvh.me:3000/questions/luca-asdas-adsfdsfdsf-sdsd"; <-- syntax error 
    }, 
] 

有不應該是url值後分號。