Javascript 在jquery ui自动完成中处理来自自定义源的数据

我正在尝试使用jquery ui在搜索字段中自动完成。因为搜索依赖于另一个表单字段的值，所以我对源代码使用回调。我可以看出请求发送正确。我的远程脚本返回一个简单的字符串数组，而此时我无法让它工作。下拉列表从未建立。谁能告诉我为什么？代码如下：

    $(document).ready(function(){
    $("#species").autocomplete({
      source: function( request, response ) {
        $.ajax({
          url: "/includes/species-ajax.cfm",
          dataType: "jsonp",
          data: {
            term: request.term,
            searchBy : function() { 
              var sb = $("#searchBy_hidden").val();
              return (sb ? sb : 'common_name'); }
          },
          success: function( data ) {
            response( $.map( data, function( item ) {
              return {
                label: item.name,
                value: item.name
              }
            }));
          }
         });
    }});
  });

<input type="hidden" name="searchBy_hidden" id="searchBy_hidden" value="common_name" />
Enter the name of a species: <input type="textbox" size="30" id="species" />

$（文档）.ready（函数（）{
$（“#种类”）.自动完成({
来源：功能（请求、响应）{
$.ajax({
url:“/includes/species ajax.cfm”，
数据类型：“jsonp”，
数据：{
期限：request.term，
searchBy:function（）{
var sb=$（“#searchBy_hidden”）.val（）；
return（sb？sb:‘common_name’；}
},
成功：功能（数据）{
响应（$.map）（数据、功能（项）{
返回{
标签：item.name，
值：item.name
}
}));
}
});
}});
});
输入物种的名称：

---

谢谢，

尝试将您的

数据类型

更改为

'json'

，而不是

'jsonp'
我尝试了几种不同的回调方法，以获得
成功
：
成功：函数（数据）{response（数据）；}
，例如。