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

时间:2011-02-07 13:51:56

标签: javascript jquery jquery-ui jquery-autocomplete

我正在尝试在搜索字段中使用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" />

谢谢,

1 个答案:

答案 0 :(得分:4)

尝试将dataType更改为'json',而不是'jsonp'