JQueryUI Autocomplete 結合 ajax

jQueryUI

.<script src="js/jquery-1.7.js" type="text/javascript"></script><script src="js/jquery-ui-1.8.17.custom.min.js" type="text/javascript"></script>

<script language="javascript" type="text/javascript"><![CDATA[
        $.ajax({
            type: "POST",
            url: "frm1.aspx/GetAutocomplete",   //(檔案名稱/方法名稱)
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            data: "{}",
            success: function (data) {
                $(function () {
                    $("#<%= atced_country_.ClientID %>").autocomplete({
                        source: data.d
                    });
                });
            },
            error: function (err) {
                alert("error");
            }
        });]]></script>

<asp:textbox id="atced_country_" runat="server" text=""></asp:textbox>



[WebMethod]
       public static ArrayList GetAutocomplete() {
           ArrayList lst = new ArrayList();

           for (int i = 0; i < 10; i++) {
               lst.Add("T" +i.ToString());
           }

           return lst;
       }


原始文章出自於此