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

terryfeng

在上一篇文章的里已经有了此方法的实现，打开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>
   
  效果如下：
  
  、