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滴。