MS Ajax 调用 WebService 示例
1. WebServices.aspx
<% @ Page Language="C#" AutoEventWireup="true" CodeFile="WebServices.aspx.cs" Inherits="WebServicesTest" %>
@ Page Language="C#" AutoEventWireup="true" CodeFile="WebServices.aspx.cs" Inherits="WebServicesTest" %>

 <html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head runat="server">
<head runat="server">
 <title>AjaxWebServiceTest</title>
    <title>AjaxWebServiceTest</title>
 </head>
</head>
 <body>
<body>
 <form id="form1" runat="server">
    <form id="form1" runat="server">
 <asp:ScriptManager ID="ScriptManager1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
 <Services>
            <Services>
 <asp:ServiceReference Path="../WebService/AjaxService.asmx" />
                <asp:ServiceReference Path="../WebService/AjaxService.asmx" />
 </Services>
            </Services>
 </asp:ScriptManager>
        </asp:ScriptManager>
 <asp:UpdateProgress ID="UpdateProgress1" runat="server">
        <asp:UpdateProgress ID="UpdateProgress1" runat="server">
 <ProgressTemplate>
            <ProgressTemplate>
 <img src="../Images/loading.gif" />
                <img src="../Images/loading.gif" />
 Loading
                Loading
 </ProgressTemplate>
            </ProgressTemplate>
 </asp:UpdateProgress>
        </asp:UpdateProgress>
 <div>
        <div>
 <input id="inputName" type="text" size="20" runat="server" />
            <input id="inputName" type="text" size="20" runat="server" />
 <input id="btnTest" type="button" value="调 用" onclick="return btnTest_Click()" />
            <input id="btnTest" type="button" value="调 用" onclick="return btnTest_Click()" />
 </div>
        </div>
 </form>
    </form>
 </body>
</body>
 </html>
</html>

 <script type="text/javascript" language="JavaScript">
<script type="text/javascript" language="JavaScript">
 function $(s)
function $(s) {return document.getElementById(s);}
{return document.getElementById(s);}

 function btnTest_Click()
function btnTest_Click() 

 {
{
 var requestSimpleService = AjaxService.AjaxServiceTest(
    var requestSimpleService = AjaxService.AjaxServiceTest(
 $('<%=inputName.ClientID %>').value,   //params
    $('<%=inputName.ClientID %>').value,   //params
 OnRequestComplete    //Complete event
    OnRequestComplete    //Complete event
 );
    );
 
    
 return false;
    return false;
 }
}

 function OnRequestComplete(result)
function OnRequestComplete(result)

 {
{
 alert(result);
    alert(result);
 }
}
 </script>
</script>
2. AjaxService.asmx
 <%
<% @ WebService
@ WebService
 Language="C#"
    Language="C#"
 CodeBehind="~/App_Code/WebService/AjaxService.cs"
    CodeBehind="~/App_Code/WebService/AjaxService.cs"
 Class="AjaxService" %>
    Class="AjaxService" %>
3. AjaxService.cs
 using System;
using System;
 using System.Web.Services;
using System.Web.Services;
 using System.Web.Script.Services;//***必须
using System.Web.Script.Services;//***必须

 [ScriptService]
[ScriptService]
 public class AjaxService : WebService
public class AjaxService : WebService
 {
{
 public AjaxService()
    public AjaxService()
 
     { }
{ }

 [WebMethod]
    [WebMethod]
 public string AjaxServiceTest(string s)
    public string AjaxServiceTest(string s)
 
     {
{
 Framework.AppException.LogFile(s);
        Framework.AppException.LogFile(s);
 return "Hello " + s;
        return "Hello " + s;
 }
    }
 }
}
<%
 @ Page Language="C#" AutoEventWireup="true" CodeFile="WebServices.aspx.cs" Inherits="WebServicesTest" %>
@ Page Language="C#" AutoEventWireup="true" CodeFile="WebServices.aspx.cs" Inherits="WebServicesTest" %>
 <html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server">
<head runat="server"> <title>AjaxWebServiceTest</title>
    <title>AjaxWebServiceTest</title> </head>
</head> <body>
<body> <form id="form1" runat="server">
    <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server"> <Services>
            <Services> <asp:ServiceReference Path="../WebService/AjaxService.asmx" />
                <asp:ServiceReference Path="../WebService/AjaxService.asmx" /> </Services>
            </Services> </asp:ScriptManager>
        </asp:ScriptManager> <asp:UpdateProgress ID="UpdateProgress1" runat="server">
        <asp:UpdateProgress ID="UpdateProgress1" runat="server"> <ProgressTemplate>
            <ProgressTemplate> <img src="../Images/loading.gif" />
                <img src="../Images/loading.gif" /> Loading
                Loading
 </ProgressTemplate>
            </ProgressTemplate> </asp:UpdateProgress>
        </asp:UpdateProgress> <div>
        <div> <input id="inputName" type="text" size="20" runat="server" />
            <input id="inputName" type="text" size="20" runat="server" /> <input id="btnTest" type="button" value="调 用" onclick="return btnTest_Click()" />
            <input id="btnTest" type="button" value="调 用" onclick="return btnTest_Click()" /> </div>
        </div> </form>
    </form> </body>
</body> </html>
</html>
 <script type="text/javascript" language="JavaScript">
<script type="text/javascript" language="JavaScript">
 function $(s)
function $(s) {return document.getElementById(s);}
{return document.getElementById(s);}
 function btnTest_Click()
function btnTest_Click() 
 {
{ var requestSimpleService = AjaxService.AjaxServiceTest(
    var requestSimpleService = AjaxService.AjaxServiceTest( $('<%=inputName.ClientID %>').value,   //params
    $('<%=inputName.ClientID %>').value,   //params OnRequestComplete    //Complete event
    OnRequestComplete    //Complete event );
    ); 
     return false;
    return false; }
}
 function OnRequestComplete(result)
function OnRequestComplete(result)
 {
{ alert(result);
    alert(result); }
} </script>
</script>2. AjaxService.asmx
 <%
<% @ WebService
@ WebService Language="C#"
    Language="C#" CodeBehind="~/App_Code/WebService/AjaxService.cs"
    CodeBehind="~/App_Code/WebService/AjaxService.cs" Class="AjaxService" %>
    Class="AjaxService" %>3. AjaxService.cs
 using System;
using System; using System.Web.Services;
using System.Web.Services; using System.Web.Script.Services;//***必须
using System.Web.Script.Services;//***必须
 [ScriptService]
[ScriptService] public class AjaxService : WebService
public class AjaxService : WebService {
{ public AjaxService()
    public AjaxService() 
     { }
{ }
 [WebMethod]
    [WebMethod] public string AjaxServiceTest(string s)
    public string AjaxServiceTest(string s) 
     {
{ Framework.AppException.LogFile(s);
        Framework.AppException.LogFile(s); return "Hello " + s;
        return "Hello " + s; }
    } }
}
 
                    
                
 
 <%
<% function $(s)
function $(s) 
                
            
         浙公网安备 33010602011771号
浙公网安备 33010602011771号