Ajax获取Json对象绑定下拉框

分享个小实例，废话少说，直接上代码.....

贴上JS代码：

 1  <script type="text/javascript">
 2         $(function () {
 3             $("#btnGet").click(function () {
 4                 $.ajax({
 5                     url: "GetDatas.ashx",
 6                     type: "Post",
 7                     contentType: "application/json",
 8                     dataType: "json",
 9                     success: function (data) {
10                         var ddl = $("#ddlDatas");
11 
12                         //删除节点
13                         RemoveOption();
14 
15                         //方法1：添加默认节点 
16                         ddl.append("<option value='-1'>--请选择--</option>");
17 
18                         //方法2：添加默认节点
19                         //ddl[0].options.add(new Option("--请选择--", "-1"));
20 
21                         //转成Json对象
22                         var result = eval(data);
23 
24                         //循环遍历 下拉框绑定
25                         $(result).each(function (key) {
26                             //第一种方法
27                             var opt = $("<option></option>").text(result[key].ProName).val(result[key].ProID);
28                             ddl.append(opt);
29 
30                             //第二种方法
31                             // var proid = result[key].ProID;
32                             // var proname = result[key].ProName;
33                             //调用自定义方法
34                             //AppendOption(proid, proname);
35                          });
36 
37                             //第三种方法
38                             //$.each(result, function (key, value) {
39                             //alert("dd");
40                             //var op = new Option(value.ProName, value.ProID);
41                             // ddl[0].options.add(op);
42                        // });
43                     },
44                     error: function (data) {
45                         alert("Error");
46                     }
47                 });
48             });
49 
50            
51         });
52 
53         function RemoveOption() {
54             $("#ddlDatas option").remove();
55         }
56 
57         function AppendOption(value, text) {
58             $("#ddlDatas").append("<option value='" + value + "'>"+ text + "</option>");
59        }
60     </script>