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