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

分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识,造福人民,实现我们中华民族伟大复兴!

               

Client:

[javascript] view plain copy print ?
  1. <mce:script type="text/javascript"><!--  
  2.      $(function() {  
  3.          var dd = $("<select></select>")  
  4.            .attr("id""LanguageDropDown")  
  5.            .css("font-size""8pt");  
  6.          var lang = "使用JQuery构建网站";  
  7.          $.getJSON("Json.ashx"function(data) {  
  8.              $.each(data, function(i, n) {  
  9.                  var opt = $("<option></option>").text(n.Title).val(n.ArticleId);  
  10.                  if (n.Title == lang) {  
  11.                      opt.get(0).selected = true;  
  12.                  }  
  13.                  dd.append(opt);  
  14.              });  
  15.          })  
  16.          dd.appendTo("body");  
  17.      })  
  18.    
  19. --></mce:script>  
   <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>

 

后台

[c-sharp] view plain copy print ?
  1. public class Json : IHttpHandler  
  2. {  
  3.     public void ProcessRequest(HttpContext context)  
  4.     {  
  5.         context.Response.ContentType = "application/json";  
  6.         context.Response.Charset = "utf-8";  
  7.         var txt =  
  8.             "[{/"Title/":/"学习使用AJAX技术/",/"Url/":/"#/",/"ArticleId/":/"Art1234/"},{/"Title/":/"使用JQuery构建网站/",/"Url/":/"#/",/"ArticleId/":/"Art1235/"},{/"Title/":/"使用JSON文件传输数据/",/"Url/":/"#/",/"ArticleId/":/"Art1236/"}]";  
  9.         context.Response.Write(txt);  
  10.     }  
  11.     public bool IsReusable  
  12.     {  
  13.         get  
  14.         {  
  15.             return false;  
  16.         }  
  17.     }  
  18. }  
    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;            }        }    }

           

给我老师的人工智能教程打call!http://blog.csdn.net/jiangjunshow

这里写图片描述
相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页