JQuery调用WebService

前台：

<script type= " text/javascript " >
    $(function () {
        $( " #btn1 " ).click(function () {            // 不带参数
            $.ajax({
                type:  " POST " ,
                url:  " WebService1.asmx/HelloWorld " ,
                dataType:  " json " ,
                contentType:  " application/json; charset=utf-8 " ,
                success: function (json) { alert(json.d); },
                error: function (error) {
                    alert( " 调用出错 "  + error.responseText);
                }
            });
        });
        $( " #btn2 " ).click(function () {            // 带参数
            $.ajax({
                type:  " POST " ,
                url:  " WebService1.asmx/ReturnString " ,
                data:  " {s:' "  + $( " #txt " ).val() +  " '} " ,
                dataType:  " json " ,
                contentType:  " application/json; charset=utf-8 " ,
                success: function (json) { alert(json.d); },
                error: function (error) {
                    alert( " 调用出错 "  + error.responseText);
                }
            });
        });
        $( " #btn3 " ).click(function () {            // 对象
            $.ajax({
                type:  " POST " ,
                url:  " WebService1.asmx/ReturnDomain " ,
                data:  " {} " ,
                dataType:  " json " ,
                contentType:  " application/json; charset=utf-8 " ,
                success: function (json) { alert(json.d.Name + json.d.Age); },
                error: function (error) {
                    alert( " 调用出错 "  + error.responseText);
                }
            });
        });
        $( " #btn4 " ).click(function () {            // 对象集合
            $.ajax({
                type:  " POST " ,
                url:  " WebService1.asmx/ReturnList " ,
                data:  " {} " ,
                dataType:  " json " ,
                contentType:  " application/json; charset=utf-8 " ,
                success: function (json) {
                    $.each(json.d, function (key, value) {
                        alert(value.Name + value.Age);
                    });
                },
                error: function (error) {
                    alert( " 调用出错 "  + error.responseText);
                }
            });
        });
         // 返回DataTable(XML)
        $( ' #btn5 ' ).click(function () {
            $.ajax({
                type:  " POST " ,
                url:  " WebService1.asmx/ReturnXML " ,
                data:  " {} " ,
                dataType:  ' xml ' ,  // 返回的类型为XML
                success: function (result) {
                     try  {
                        $(result).find( " xmltest " ).each(function () {
                            alert($( this ).find( " Name " ).text() +  "   "  + $( this ).find( " Age " ).text());
                        });
                    }
                     catch  (e) {
                        alert(e);
                         return ;
                    }
                },
                error: function (result, status) {  // 如果没有上面的捕获出错会执行这里的回调函数
                     if  (status ==  ' error ' ) {
                        alert(status);
                    }
                }
            });
        });
    });

</script>

<div>
    <p>
        <input type= " button "  id= " btn1 "  value= " 不带参 "  />
    </p>
    <p>
        <input type= " button "  id= " btn2 "  value= " 带参 "  />
        <input type= " text "  id= " txt "  /></p>
    <p>
        <input type= " button "  id= " btn3 "  value= " 对象 "  />
    </p>
    <p>
        <input type= " button "  id= " btn4 "  value= " 集合 "  />
    </p>
    <p>
        <input type= " button "  id= " btn5 "  value= " XML "  />
    </p>

</div> 

后台WebService：

///   <summary>
///  WebService1 的摘要说明
///   </summary>
[WebService(Namespace =  " http://tempuri.org/ " )]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.ComponentModel.ToolboxItem( false )]
//  若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。
[System.Web.Script.Services.ScriptService]
public  class  WebService1 : System.Web.Services.WebService
{

     public  class  User
    {
         public  string  Name
        {
             get ;
             set ;
        }
         public  int  Age
        {
             get ;
             set ;
        }
    }
     ///   <summary>
     ///  返回字符串
     ///   </summary>
     ///   <returns></returns>
    [WebMethod]
     public  string  HelloWorld()
    {
         return  " Hello World " ;
    }
     ///   <summary>
     ///  带参数
     ///   </summary>
     ///   <param name="s"></param>
     ///   <returns></returns>
    [WebMethod]
     public  string  ReturnString( string  s)
    {
         return  s;
    }
     ///   <summary>
     ///  返回对象
     ///   </summary>
     ///   <returns></returns>
    [WebMethod]
     public  User ReturnDomain()
    {
         return  new  User { Name =  " 王斌 " , Age =  11  };
    }
     ///   <summary>
     ///  返回集合对象
     ///   </summary>
     ///   <returns></returns>
    [WebMethod]
     public  List<User> ReturnList()
    {
         return  new  List<User> {
                                 new  User{Name= " 王斌 " ,Age= 23 },
                                 new  User{Name= " 李攀 " ,Age= 11 }
        };
    }
     ///   <summary>
     ///  返回XML
     ///   </summary>
     ///   <returns></returns>
    [WebMethod]
     public  System.Data.DataTable ReturnXML()
    {
        System.Data.DataTable dt =  new  System.Data.DataTable();
        dt.Columns.Add( " Name " );
        dt.Columns.Add( " Age " ,  typeof ( int ));
        DataRow dr = dt.NewRow();
        dr[ 0 ] =  " wangbin " ;
        dr[ 1 ] =  11 ;
        dt.Rows.Add(dr);
        DataRow dr1 = dt.NewRow();
        dr1[ 0 ] =  " lipan " ;
        dr1[ 1 ] =  22 ;
        dt.Rows.Add(dr1);
        dt.TableName =  " xmltest " ;
         return  dt;
    }

} 

---

转载：http://blog.csdn.net/thebesttome/article/details/6921407