jqueryのオートコンプリートキー押下データベース

Question

webmethodがすべてのkeyupイベントでデータを返すようにするために、私はdiv要素にデータを割り当て、それは必要に応じて動作します。

<script language="javascript" type="text/javascript"> 
    $(document).ready(function() { 
     //$("#txtItmCode").autocomplete({url: "Journal.aspx/loadData" }); 

     $("#txtItmCode").keyup(function() { 
      $("#txtItmCode").autocomplete({url: "Journal.aspx/loadData" }); 
     }); 
    }); 
</script> 

Answer 1

を修正

<script language="javascript" type="text/javascript"> 
    $(document).ready(function() { 
     var strItmCodes; 

     $("#txtItmCode").keyup(function() { 
      var search; 
      search = $("#txtItmCode").val(); 

      if (search.length > 0) { 
       $.ajax({ 
        type: "POST", 
        url: "Journal.aspx/loadData", 
        contentType: "application/json; charset=utf-8", 
        data: "{'Like':'" + $('#txtItmCode').val() + "'}", 
        dataType: "json", 
        success: function(retval) { 
         strItmCodes = retval.d.split("|"); 

         $("#txtItmCode").autocomplete(strItmCodes); 
         $("#suggest").html(retval.d); //elemet 'suggest' is a div 
        } 
       }); 
      } 
     }); 
    }); 
</script> 

私はあなたがしてプラグインがイベントハンドラを追加しますが、最初のキープレスの前にオートコンプリートのプラグインを有効にするべきだと思います。

$("#txtItmCode").autocomplete({url: "Journal.aspx/loadData"}); 

そして、あなたのサービスは、プラグインによってフォーマットGET要求に応答できることを確認してください：あなたは、元のautocompleteプラグインを使用すると仮定すると、

。