jQuery的自動完成功能不顯示結果框

Question

我有這個js腳本：

$('#other_teacher').autocomplete({ 
    source: function (request, response) { 
     $.ajax({ 
      url: '/app_dev.php/en/teacher/ajax/courseadd-teacher/'+request.term, 
      type: 'GET', 
      dataatType: 'json', 
      success: function(data) { 
       console.log(data); 
       response($.each(data, function(index, value) { 
        return { 
         label: value, 
         value: index 
        } 
       })); 
      } 
     }); 
    }, 
    minLength: 1 
}); 

和Ajax請求的結果是：

[{"id":2,"name":"Moran bob"},{"id":2,"name":"Willam Lawsan"}] 

阿賈克斯resquest開始，數據有結果的對象，但結果窗口不顯示。

Answer 1

爲自動完成放CSS和那就試試這個代碼

$('#textbox id').autocomplete({ 
     source: function (request, response) { 
      $.getJSON("url?term=" + request.term, function (data) { 
       response(data); 

      }); 

     }, 
     minLength: 1, 
     delay: 100 

    }); 

Answer 2

使用$.map而不是$.each，然後訪問從對象的字段的值。 我還增加了一個選擇功能和記錄器內進行確認檢查，如果你實際上得到任何東西

$('#other_teacher').autocomplete({ 
    source: function (request, response) { 
     $.ajax({ 
      url: '/app_dev.php/en/teacher/ajax/courseadd-teacher/'+request.term, 
      type: 'GET', 
      dataatType: 'json', 
      success: function(data) { 
       console.log(data); 
       response($.map(data, function(item) { 
        return { 
         label: item.id, // or item.name if you want 
         value: item.name 
        } 
       })); 
      } 
     }); 
    }, 
    minLength: 1, 
    select: function (event, ui) { 
     console.log(ui.item); 
    } 
});