jqueryオートコンプリート

Question

iam asp.netプロジェクトでjqueryオートコンプリートを使用しています。動いていない。あなたは何か考えがありますか？コードは以下の通りです。

<script type="text/javascript"> 
$(function() { 

    $('#clientabbrev').val(""); 

    $("#clientstate").autocomplete({ 
     source: "clientstates.aspx", 
     select: function (event, ui) { 
      $('#clientstateid').val(ui.item.clientid); 
      $('#clientstateabbrev').val(ui.item.clientabbrev); 
     } 
    }); 

    $("#clientstate_abbrev").autocomplete({ 
     source: "clientstatesabbrev.aspx", 
     minLength: 2 
    }); 
}); 
</script> 

問題はstates.aspxがデータを返しても、jqueryオートコンプリートコントロールに表示されません。

Answer 1

サーバーは、プロパティid、label、およびvalueを持つJSON直列化オブジェクト配列を返す必要があります。例えば。 ：

[{"id"： "1"、 "label"： "Mike Smith"、 "value"： "Mike Smith"}、{"id"： "2"、 "label"： "Bruce Wayne "、" value "：" Bruce Wayne "}]

FirebugまたはFiddlerを使用して、サーバーが正しい応答を返すことを確認できますか？あなたがトラブルC＃でデータをシリアル化を持っている場合、あなたはこのようにJavaScriptSerializerを使用して試すことができます

：あなたはstates.aspxからデータを返すされている

var result = from u in users 
      select new { 
       id = u.Id, 
       value = u.Name, 
       label = u.Name 
      }; 

JavaScriptSerialier serializer = new JavaScriptSerializer(); 
var json = serializer.Serialize(result); 
// now return json in your response