jQuery 访问WebService 返回复合类型列表

在上一篇文章的里已经有了此方法的实现，打开jQuery Ajax 方法调用 Asp.Net WebService 的详细例子（原创）的源码，在cs文件里面加入以下测试代码

（换了系统，没有安装Live Writer的插件，所以代码没有颜色）

 

        /// <summary>
        /// 返回一个复合类型集合列表
        /// </summary>
        /// <returns></returns>
        [WebMethod]
        public List<Class1> GetClassList()
        {
            List<Class1> list1 = new List<Class1>();
            list1.Add(new Class1 { ID = "1", Value = "牛年大吉" });
            list1.Add(new Class1 { ID = "2", Value = "朋友们你们好" });
            list1.Add(new Class1 { ID = "3", Value = "我们又见面了" });
            return list1;
        }

 

在aspx文件里面加入以下代码（原有的代码4直接复制过来的）

 

       //返回复合类型集合
       $(document).ready(function() {
           $('#btn6').click(function() {
               $.ajax({
                   type: "POST",
                   contentType: "application/json",
                   url: "WebService1.asmx/GetClassList",
                   data: "{}",
                   dataType: 'json',
                   success: function(result) {
                       $(result.d).each(function() {
                           //alert(this);
                           $('#dictionary').append(this['ID'] + " " + this['Value']);
                           //alert(result.d.join(" | "));
                       });

                   }
               });
           });
       });

 

 

添加一个按钮

<div class="button" id="btn6">
            返回复合类型列表</div>

 

效果如下：

、