djlzxzy

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

 http://www.cnblogs.com/TerryFeng/archive/2009/07/12/1521884.html

在上一篇文章的里已经有了此方法的实现,打开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>

 

效果如下:

2009-07-12_113437

posted on 2010-11-21 20:27  djlzxzy  阅读(225)  评论(0编辑  收藏  举报