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

Question

我有以下代碼：

var acOptions = { 
      source:function (request, response) { 
       $.ajax({ 
        url: "index.php?option=com_fmw&view=keywords_api&controller=keywords_api&format=raw", 
        type: "GET", dataType: "json", 
        data: { expr: request.term}, 
        sucess: function (data) { 
         response($.map(data, function (item) { 
          return item.value; 
         })) 
        } 
       }) 
       }, 
    minChars: 1, 
    dataType: 'json' 
}; 

$("#search_box_input").autocomplete(acOptions); 

我從服務器得到如下回應：

[{"value":"Greater"},{"value":"great"},{"value":"greatly"},{"value":"Greater-Axe"}] 

然而，自動完成場沒有顯示結果，儘管我可以看到ajax請求已發送並且服務器應答。我究竟做錯了什麼？

Answer 1

sucess拼寫錯誤。改爲嘗試success。

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