jQuery自动完成不显示数据

Question

我想在我的asp.net应用程序的用户名上使用自动完成。我正在从数据库检索名称&关联的ID。我已检查它是否正在工作，以便我的后端代码将数据返回到前端。但它不会显示在自动填充字段中。这里是我的脚本：

<script type="text/javascript"> 
     $(document).ready(function() { 
      autocomplete(); 
     }); 
     function autocomplete() { 
      $("[id$=txt_name]").autocomplete({ 
       source: function (request, response) { 
        $.ajax({ 
         url: '<%=ResolveUrl("../Services/AutoComplete.asmx/getCustomerDetails") %>', 
         data: "{ 'prefix': '" + request.term + "'}", 
         dataType: "json", 
         type: "POST", 
         contentType: "application/json; charset=utf-8", 
         success: function (data) { 
          response($.map(data.d, function (item) { 
           return { 
            label: item.split('-')[0], 
            val: item.split('-')[1] 
           } 
          })) 
         }, 
         error: function (response) { 
          alert(response.responseText); 
         }, 
         failure: function (response) { 
          alert(response.responseText); 
         } 
        }); 
       }, 
       select: function (e, i) { 
        $("[id$=hfCustId]").val(i.item.val); 
        $("[id$=txt_name]").change(); 

        return false; 
       }, 
       minLength: 1 
      }); 
     }; 
    </script> 

Answer 1

它应该是这样的

response($.map(data.d, function (item) { 
            return { 
             label: item.split('-')[0], 
             value: item.split('-')[1] 
            } 
           })) 

<script type="text/javascript"> 
     $(document).ready(function() { 
      autocomplete(); 
     }); 
     function autocomplete() { 
      $("[id$=txt_name]").autocomplete({ 
       source: function (request, response) { 
        $.ajax({ 
         url: '<%=ResolveUrl("../Services/AutoComplete.asmx/getCustomerDetails") %>', 
         data: "{ 'prefix': '" + request.term + "'}", 
         dataType: "json", 
         type: "POST", 
         contentType: "application/json; charset=utf-8", 
         success: function (data) { 
          response($.map(data.d, function (item) { 
           return { 
            label: item.split('-')[0], 
            value: item.split('-')[1] 
           } 
          })) 
         }, 
         error: function (response) { 
          alert(response.responseText); 
         }, 
         failure: function (response) { 
          alert(response.responseText); 
         } 
        }); 
       }, 
       select: function (e, i) { 
        $("[id$=hfCustId]").val(i.item.val); 
        $("[id$=txt_name]").change(); 

        return false; 
       }, 
       minLength: 1 
      }); 
     }; 
    </script>