autoComplete

jquery_ui系列插件中的autocomplete是非常好用和實惠的，下面是通過異步ajax獲取服務器數據源的方式，應該是比較常見的，舉例如下：

 

html代碼：
         <div>
         <label for="tags">AutoComplete: </label>
            <input id="tags" type="text"/>
        </div>

js腳本：
        $.get("../ajax/Ajax_jQuery_UI.aspx?lang=0", function(data, status) {
                if (status == "success") {
                    $("#tags").autocomplete({
                        source: eval(data)
                    });
                }
            });
服務端腳本C#：
            string[] lang =
                    {
                        "ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure",
                        "COBOL", "ColdFusion", "Erlang", "Fortran", "Groovy", "Haskell", "Java",
                        "JavaScript", "Lisp", "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme"
                    };
            string tem = new JavaScriptSerializer().Serialize(lang);
            Response.Write(tem);

服務端腳本輸入之後是一串javascript字符串，可以用eval()直接執行其中代碼即可給source賦值，當然在head部分是需要先引入jquery_ui滴。