新瓶旧酒ASP.NET AJAX(9) - 客户端脚本编程（Sys.Net命名空间下的WebServiceProxy）

<%@ Page Language="C#" MasterPageFile="~/Site.master" Title="WebService（简单类型和复杂对象、JSON和XML）" %> 

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server"> 
        <asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server"> 
                <services> 
                        <asp:ServiceReference Path="Sample.asmx" /> 
                </services> 
        </asp:ScriptManagerProxy> 
        <input type="button" id="btnSimpleTypeTest" value="SimpleTypeTest" /> 
        <input type="button" id="btnGetPerson" value="GetPerson" /> 
        <input type="button" id="btnSetPerson" value="SetPerson" /> 
        <input type="button" id="btnGetList" value="GetList" /> 
        <input type="button" id="btnSetList" value="SetList" /> 
        <input type="button" id="btnGetDictionary" value="GetDictionary" /> 
        <input type="button" id="btnGetDataTable" value="GetDataTable" /> 
        <input type="button" id="btnGetXml" value="GetXml" /> 
        <br /><br /> 
        <div id="result" /> 

        <script type="Text/javascript"> 
                function btnSimpleTypeTest_click()    
                { 
                        Sample.SimpleTypeTest("abc", false, 1, 1.1, new Date(), System.DayOfWeek.Sunday, onSimpleTypeTestSucceeded); 
                } 
                function onSimpleTypeTestSucceeded(result)    
                { 
                        $get("result").innerHTML = result + "<br />"; 
                } 
                 
                 
                function btnGetPerson_click()    
                { 
                        Sample.GetPerson(onGetPersonSucceeded); 
                } 
                function onGetPersonSucceeded(result)    
                { 
                        $get("result").innerHTML = String.format("Name：{0}；Age：{1}<br />", result.Name, result.Age); 
                } 
                 
                 
                function btnSetPerson_click()    
                { 
                        // var p = new Object(); 

                        var p = new Person(); 
                        p.Name = "webabcd"; 
                        p.Age = 27; 
                        Sample.SetPerson(p, onSetPersonSucceeded); 
                } 
                function onSetPersonSucceeded(result) 
                { 
                        $get("result").innerHTML = result + "<br />"; 
                } 
                 
                 
                function btnGetList_click()    
                { 
                        Sample.GetList(onGetListSucceeded); 
                } 
                function onGetListSucceeded(result)    
                { 
                        var sb = new Sys.StringBuilder(); 
                         
                        sb.append("<table border='1'>"); 
                        for (var i=0; i<result.length; i++) 
                        { 
                                sb.append("<tr>"); 
                                sb.append("<td>Name：" + result[i].Name + "</td>"); 
                                sb.append("<td>Age：" + result[i].Age + "</td>"); 
                                sb.append("</tr>"); 
                        } 
                        sb.append("</table>"); 

                        $get("result").innerHTML = sb.toString(); 
                } 
                 
                 
                function btnSetList_click()    
                { 
                        var ary = new Array(); 
                        for (var i = 0 ; i < 10; i++)    
                        { 
                                var p = new Person(); 
                                p.Name = i + 1000; 
                                p.Age = i + 20; 
                                 
                                Array.add(ary, p); 
                        } 

                        Sample.SetList(ary, onSetListSucceeded); 
                } 
                function onSetListSucceeded(result)    
                { 
                        $get("result").innerHTML = result; 
                } 
                 
                 
                function btnGetDictionary_click()    
                { 
                        Sample.GetDictionary(onGetDictionarySucceeded); 
                } 
                function onGetDictionarySucceeded(result)    
                {                 
                        var sb = new Sys.StringBuilder(); 
                         
                        sb.append("<table border='1'>"); 
                        for (var key in result) 
                        { 
                                var p = result[key]; 

                                sb.append("<tr>"); 
                                sb.append("<td>Name：" + p.Name + "</td>"); 
                                sb.append("<td>Age：" + p.Age + "</td>"); 
                                sb.append("</tr>"); 
                        } 
                        sb.append("</table>"); 

                        $get("result").innerHTML = sb.toString(); 
                } 
                 
                 
                function btnGetDataTable_click()    
                { 
                        Sample.GetDataTable(onGetDataTableSucceeded); 
                } 
                function onGetDataTableSucceeded(result)    
                {                 
                        var sb = new Sys.StringBuilder(); 
                         
                        sb.append("<table border='1'>"); 
                        for (var i=0; i<result.rows.length; i++) 
                        { 
                                sb.append("<tr>"); 
                                sb.append("<td>Name：" + result.rows[i].Name + "</td>"); 
                                sb.append("<td>Age：" + result.rows[i].Age + "</td>"); 
                                sb.append("</tr>"); 
                        } 
                        sb.append("</table>"); 

                        $get("result").innerHTML = sb.toString(); 
                } 
                 
                 
                function btnGetXml_click() 
                { 
                        Sample.GetXml(onGetXmlSucceeded); 
                } 
                function onGetXmlSucceeded(result) 
                { 
                        if (document.all) 
                        { 
                                $get("result").innerText = "\r\n" + result.xml; 
                        } 
                        else 
                        { 
                                // Firefox 
                                $get("result").textContent = "\r\n首节点：" + result.documentElement.nodeName; 
                        } 
                } 
        </script> 

</asp:Content>

<%@ Page Language="C#" MasterPageFile="~/Site.master" Title="Generated Proxy Classes" %> 

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server"> 
        <asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server"> 
                <services> 
                        <asp:ServiceReference Path="Hello.asmx" /> 
                </services> 
        </asp:ScriptManagerProxy> 
        <p> 
                调用Web Service 
                <br /> 
                var myServiceProxy = MyNameSpace.MyService(); 
                <br /> 
                myServiceProxy.MyServiceMethod(param1, param2, , succeededCallback, failedCallback, 
                userContext); 
        </p> 
        <ul> 
                <li>param - 在前面顺序地写参数 </li> 
                <li>succeededCallback - 调用成功的回调函数 </li> 
                <li>failedCallback - 调用失败的回调函数 </li> 
                <li>userContext - 调用成功的回调函数 </li> 
        </ul> 
        <p> 
                调用成功的回调函数 
                <br /> 
                function succeededCallback(result, userContext, methodName) { } 
        </p> 
        <ul> 
                <li>result - 调用WebService的方法后返回的数据 </li> 
                <li>userContext - 用户上下文 </li> 
                <li>methodName - 调用的方法名 </li> 
        </ul> 
        <p> 
                调用失败的回调函数 
                <br /> 
                function failedCallback(error, userContext, methodName) { } 
        </p> 
        <ul> 
                <li>error - 调用WebService的方法后返回的数据（Sys.Net.WebServiceError对象） </li> 
                <li>userContext - 用户上下文 </li> 
                <li>methodName - 调用的方法名 </li> 
        </ul> 
        <p> 
                <input type="text" id="txtName" value="webabcd" /> 
                <input type="button" id="btnHello" value="Hello" /> 
        </p> 
        <div id="result" /> 

        <script type="text/javascript"> 
                // defaultSucceededCallback - 调用成功的回调函数 
                Hello.set_defaultSucceededCallback(onSucceeded); 
                // defaultFailedCallback - 调用失败的回调函数 
                Hello.set_defaultFailedCallback(onFailed); 
                // defaultUserContext - 用户上下文 
                Hello.set_defaultUserContext("webabcd"); 
                // path - WebService的路径 
                alert(Hello.get_path()); 
                // timeout - 超时时间 
                alert(Hello.get_timeout()); 
         
                function btnHello_onclick()    
                { 
                        var name = $get("txtName").value; 
                        Hello.Say(name); 
                } 

                function onSucceeded(result, context, methodName)    
                { 
                        $get("result").innerHTML = result + "<br />"; 
                        $get("result").innerHTML += "默认的Context：" + context + "<br />"; 
                        $get("result").innerHTML += "调用的方法名：" + methodName + "<br />"; 
                } 
                 
                function onFailed(error)    
                { 
                        $get("result").innerHTML = error.get_message() + "<br />"; 
                } 
        </script> 

</asp:Content>