jQuery的自動完成使用JSON輸入+ Rails3中

Question

$(function() { 
    $('.autocomplete_address').autocomplete({ 
    minLength: 0, 
    delay: 600, 
    source: function(request, response) { 
     $.ajax({ 
     url: "/welcome.js", 
     dataType: "json", 
     data: {search: request.search}, 
     success: function(data) { 
     var data_obj = jQuery.each(data,function(i, key) { 
        }); 
     response($.map(data_obj, function(item) { 
      return { 
      label: item.area, 
      value: item.area 
      } 
     })); 
     } 


    }); 
     } 

    }); 


}); 

使用jQuery-UI-186的自動完成

自動完成的部分作品，但它顯示任何數據相同的結果進入

在服務器端代碼如下所示：

class WelcomeController < ApplicationController 

    def index 
    @area = Address.search params[:search] 
    @area = @area.as_json(:include => :state) 
    @area = @area.to_json 

    respond_to do |format| 
     format.html 
     format.js {render :json => @area} 
    end 
    end 

end 

我要去哪裏錯了!!!!!! 任何幫助，不勝感激。

Answer 1

對象有一個term屬性，而不是search屬性。更新您的AJAX調用：

/*Snip */ 
data: { search: request.term }, 
/*Snip */ 

Answer 2

更新：從文檔製作：

   success: function(data) { 
        response($.map(data.geonames, function(item) { 
         return { 
          label: item.name + (item.adminName1 ? ", " + item.adminName1 : "") + ", " + item.countryName, 
          value: item.name 
         } 
        })); 
       } 

所以你可能是這樣的：

success: function(data) { 
        response($.map(data_obj, function(item) { 
         return { 
          label: item.area, 
          value: item.area 
         } 
       }); 
    } 

它看起來像你沒有真正做你的。每次的結果任何東西（ ）。