먼저 필수 파일인 jquery.autocomplete.js 및 jquery.autocomplete.css를 다운로드하세요. 컨트롤이 배열과 URL에서 데이터를 얻을 수 있으므로 테스트하기 위해 두 가지 간단한 예제를 작성했습니다. 프런트엔드 코드는 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. <%@ 페이지 언어="C#" AutoEventWireup="true" CodeFile="AutoComplete.aspx.cs" Inherits="AutoComplete" %> //배열에서 직접 가져오기<br>$(document).ready((function () { <br>var data = ["Hebei Province", "Henan Province", "Shandong", "Beijing", "Tianjin" ]; <br>$("# txtProvince").autocomplete(data); <br>//서버 측에서 가져옴<br>$("#txtUser").autocomplete("GetUserName.aspx"); >} <br>)) <br></head> <br><body><form id="form1" runat="server"> 🎜><div> <br>지방 :<input id="txtProvince" type="text" /> <br></div> <br><div> id="txtUser" type="text " /></div> <br></body> <br><br> <br>사용자 이름 부분은 백그라운드에서 읽어옵니다. 데이터를 가져오려면 해당 URL이 GetUserName.aspx입니다. 이 페이지의 .cs 파일은 <br><br><br><br><br>코드 복사<br> </div> <br> 코드는 다음과 같습니다. <br><div class="codetitle"> <span> protected void Page_Load( object sender, EventArgs e) <a style="CURSOR: pointer" data="18163" class="copybut" id="copybut18163" onclick="doCopy('code18163')">{ <u>//전달된 기본 키 값은 q입니다. </u>if (Request.QueryString["q"] != null) </a>{ </span>string key = Request.Params["q"].ToString(); </div>string result = ""; <div class="codebody" id="code18163">db db = new db() <br>string sql = "UserName이 있는 사용자에서 UserName을 선택합니다. like '" key "%'"; <br>SqlDataReader dr = db.GetReader(sql); <br>while (dr.Read()) <br>{ <br>result = dr["UserName"].ToString () "n "; <br>if (result == "") <br>result = "존재하지 않음" <br>Response.Write(result) <br>} <br>} 🎜><br> <br>작성해 보니 원하는 기능은 구현할 수 있지만 스타일에는 항상 문제가 있습니다. 표시된 결과 목록이 상당히 보기 흉한데, CSS가 적용되지 않은 것 같습니다. 오랫동안 생각해 보았지만 여전히 문제가 무엇인지 알 수 없었습니다. 오늘 아침에 나는 갑자기 내가 어리석은 실수를 했다는 것을 깨달았습니다. rel="stylesheet"를 작성하는 것을 놓쳤습니다. 나는 나 자신을 확신했다. <br>이것으로 간단한 예제가 완성되었습니다. 계속 배우세요.</div>