后台传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; } } }