3 つのファイルがある限り: js プラグイン autocomplete.js と 2 つの autocomplete.css ファイル (jquery 公式 Web サイトによって提供されるプラグイン) そのダウンロード アドレス: http: //jqueryui.com/demos/autocomplete/ 1 つは一般的な処理プログラムです。もう 1 つは apsx ページです。以下のコードを参照してください。フロント デスク: コードをコピー コードは次のとおりです: $(document).ready(function( ) { <BR>ShowUserList($("#TextBox1"), "LoginTest.ashx"); <BR>//TextBox1 はテキスト ボックスの ID、loginTest です。 .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>} <BR>obj.autocomplete(names) <BR>} <BR>});スクリプト> <br><body> <br><div> :TextBox ID="TextBox1" runat="server"><br><asp:Button ID="Button1" runat="server" /> </div> <br></form> <br></body> <br><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 context) </span>{ </div>getUserName(); <div class="codebody" id="code69492">context.Write(str); <br>public bool <br>{ <br>get <br> >return false; <br>} <br>} <br>private void getUserName( ) <br>{ <br>DataSet ds = SqlHelper.BuildDataSet("ログインから * を選択", <br>str); = ConvertJson.ToJson(ds); <br>} <br>} <br> <br> <br> <br>実行結果: <br><br> <br> </div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
