asp.net 프로젝트에서 jquery autocomplete를 사용하여 Jquery 자동 완성

Question

iam. 작동하지 않습니다. 너는 어떤 생각이있어. 코드는 아래와 같습니다.

<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": "마이크 스미스", "가치": "마이크 스미스"}, { "id": "2", "label": "Bruce Wayne ","value ":"Bruce Wayne "}]

Firebug 또는 Fiddler와 (과) 서버가 올바른 응답을 반환했음을 확인할 수 있습니까?

당신이 C#으로 데이터를 직렬화하는 데 문제가있는 경우이 같은 JavaScriptSerializer를 사용하여 시도 할 수 있습니다 :

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