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

最新推荐文章于 2019-05-28 09:07:57 发布

最新推荐文章于 2019-05-28 09:07:57 发布 · 182 阅读

文章标签：

#json #jQuery #Ajax #JavaScript #CSS #ViewUI

本文介绍了一个利用JQuery实现动态加载JSON数据来构建下拉菜单的方法。通过客户端JavaScript与服务器端C#的配合，实现了下拉菜单选项的动态更新。此方案适用于需要根据JSON数据源实时调整网站内容的场景。

Client:

<mce:script type="text/javascript"></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; } } }