<br>js 플러그인 autocomplete.js와 두 개의 autocomplete.css 파일(jquery 공식 웹사이트에서 제공하는 플러그인) <br>다운로드 주소: <a href="http://jqueryui.com/demos/autocomplete/" target="_blank">http: //jqueryui.com/demos/autocomplete/</a> <br><br>하나는 일반 처리 프로그램입니다. <br>다른 하나는 apsx 페이지입니다. <br>프런트 데스크: <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="77778" class="copybut" id="copybut77778" onclick="doCopy('code77778')"> <u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code77778"> <br><script type="text/javascript"> ; <BR>$(document).ready(function( ) { <BR>ShowUserList($("#TextBox1"), "LoginTest.ashx"); <BR>//TextBox1은 텍스트 상자 loginTest의 ID입니다. .ashx는 요청의 일반 처리기입니다. <BR>function ShowUserList( obj, url) { <BR>$.getJSON( <BR>url, <BR>function(msg) { <BR>var names = new Array( ); <BR>msg = msg.Table; <BR>var names = new Array() <BR>for (var i = 0; i < msg.length; i ) { <BR>names.push(msg [i].loginName) <BR>obj.focus().autocomplete(names) <BR>} <BR>) <BR></ script> <br></head> <br><form id="form1" runat="server"> <br><div> :TextBox ID="TextBox1" runat="server">< ;/asp:TextBox> <br><asp:Button ID="Button1" runat="server" Text="Login" /> </div> <br></form> <br></body> <br><br> <br>배경은 일반 핸들러입니다: <br><br><br><br>코드 복사</div> <br><br> 코드는 다음과 같습니다. <div class="codetitle"> <span> <a style="CURSOR: pointer" data="69492" class="copybut" id="copybut69492" onclick="doCopy('code69492')">public class LoginTest : IHttpHandler <u>{ </u>string </a>public void ProcessRequest( HttpContext 컨텍스트) </span>{ </div>getUserName(); <div class="codebody" id="code69492">context.Response.Write(str) <br>} <br>public bool IsReusable <br>{ <br>get <br> >return false; <br>} <br>} <br>private void getUserName( ) <br>{ <br>DataSet ds = SqlHelper.BuildDataSet("select * from login", CommandType.Text); = ConvertJson.ToJson(ds) <br>} <br>} <br> <br> <br> <br>실행 결과: <br><br> <br> </div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
