Jquery Ajax学习实例5向WebService发出请求,返回泛型集合数据的异步调用

一、WebService.asmx:
    处理业务数据,在GetList方法中产生泛型集合数据,供JqueryRequest.aspx调用,代码如下:

  [WebMethod]
    public List<string> GetList()
    {
        List<string> list = new List<string>();
        list.Add("aaaaaaaaaaaa");
        list.Add("bbbbbbbbbbbb");
        list.Add("cccccccccccc");
        list.Add("dddddddddddd");
        return list;
    }

二、AjaxRequest.aspx

通过点击按钮来请求WebService.asmx的 GetList()方法,获取泛型集合。代码如下:

  <script type="text/javascript" language="javascript">
             function BtnList_Click() {
                 $.ajax({
                     url: "aa.asmx/GetList",
                     data: {},
                     type: "post",
                     success: function(data, status) {
                         var str = "";
                         try {
                             var obj = $(data.xml); //data的xml对象
                             alert(data.xml);           //弹出这个就了解$(data.xml)                   
                             $.each(obj, function(index, item) {
                                 str += $(item).text() + "<br/>";
                             });
                             $("#dd").html(str);

                         }
                         catch (ex) {
                             alert(ex);
                         }
                     }
                 });
            }
         </script>

出处: http://www.cnblogs.com/windy2008

原文地址:https://www.cnblogs.com/windy2008/p/1687901.html