后台传JSON,前台动态生成一个下拉框

Client:

   <mce:script type="text/javascript"><!--
        $(function() {
            var dd = $("<select></select>")
              .attr("id", "LanguageDropDown")
              .css("font-size", "8pt");
            var lang = "使用JQuery构建网站";
            $.getJSON("Json.ashx", function(data) {
                $.each(data, function(i, n) {
                    var opt = $("<option></option>").text(n.Title).val(n.ArticleId);
                    if (n.Title == lang) {
                        opt.get(0).selected = true;
                    }
                    dd.append(opt);
                });
            })
            dd.appendTo("body");
        })
    
// --></mce:script>

后台

    public class Json : IHttpHandler
    {
        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "application/json";
            context.Response.Charset = "utf-8";
            var txt =
                "[{\"Title\":\"学习使用AJAX技术\",\"Url\":\"#\",\"ArticleId\":\"Art1234\"},{\"Title\":\"使用JQuery构建网站\",\"Url\":\"#\",\"ArticleId\":\"Art1235\"},{\"Title\":\"使用JSON文件传输数据\",\"Url\":\"#\",\"ArticleId\":\"Art1236\"}]";
            context.Response.Write(txt);
        }
        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }