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>