Jqueryオートコンプリートでデータが表示されない

Question

オートコンプリートjquery jsonを使用していますが、結果が表示されません。 私は次のコードを使用しています。

$(function() { 

    $("#course").autocomplete({ 
     source: function(request, response) { 
      $.ajax({ 
       url: "ajax.php", 
       dataType: "json", 
       data: { 
        style: "full", 
        maxRows: 20, 
        name_startsWith: request.term 
       }, 
       success: function(data) { 
        response($.map(data.geonames, function(item) { 
         return { 
          Id: item.Id + (item.FirstName ? ", " + item.LastName : "") + ", " + item.Email, 
          value: item.Id 
         } 
        })); 
       } 
      }); 
     }, 
     minLength: 2, 
     select: function(event, ui) { 
      log(ui.item ? 
       "Selected: " + ui.item.label : 
       "Nothing selected, input was " + this.value); 
     }, 
     open: function() { 
      $(this).removeClass("ui-corner-all").addClass("ui-corner-top"); 
     }, 
     close: function() { 
      $(this).removeClass("ui-corner-top").addClass("ui-corner-all"); 
     } 
    }); 
}); 
</script> 

この形式のAjaxファイルになります。メニュー項目のデフォルトのレンダリング方法があるので

{[label: 'text', value: 'val']...} 

：

_renderItem: function(ul, item) { 
    return $("<li></li>") 
     .data("item.autocomplete", item) 
     .append($("<a></a>").text(item.label)) 
     .appendTo(ul); 
} 

あなたがしたい場合は

 [{"Email":"shobaprashanth@gmail.com","FirstName":"Sobha","Id":12333,"LastName":"Marati"}] 

Answer 1

は、私はあなたがlabelとvalueプロパティを持つJSONオブジェクトを構築するために持っていると思います別のjsonオブジェクトをデータソースとして提供する場合は、新しい_renderItemメソッドを用意し、新しいプロパティでメニュー項目を作成する必要があります。