WebService例子1，JavaScript调用WebService

  新建WebService，命名为AgeWebService.asmx
在[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]的下面添加
[ToolboxItem(false)]  //ToolboxItem(false) means do not display this control in the IDE's toolbox.
[ScriptService]   //这样为web service创建JavaScript proxy class。proxy class确保你能够从客户端script调用WebService
可以通过http://url_to_site/AgeWebService.asmx/js 来看到 the proxy class

 

然后创建Web Method

 

 [WebMethod] public string ShowAge(int year, int month, int day) { DateTime birthDay = new DateTime(year, month, day); long age = new DateTime(DateTime.Now.Ticks - birthDay.Ticks).Year - 1; return age.ToString() + "years old!"; }

 

Web.config中确保有如下语句

<remove verb="*" path="*.asmx"/>
   <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory,
     System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
   ...

新建页面

创建Script Manager 对象实例

<asp:ScriptManager ID="ScriptManager1" runat="server">
                <Services>
                    <asp:ServiceReference Path="~/WebService/AgeWebService.asmx" />
                </Services>
            </asp:ScriptManager> 

 

 写javascript.

 <div> <input type="text" id="txtYear" /> <input type="text" id="txtMonth" /> <input type="text" id="txtDay" /> <p><input type="button" id="btnShowAge" onclick="getAge();" /></p> </div> <mce:script language="javascript" type="text/javascript"><!-- function getAge() { debugger; var year = parseInt($get('txtYear').value); var month = parseInt($get('txtMonth').value); var day = parseInt($get('txtDay').value); AgeWebService.ShowAge(year, month, day, succssed); } function succssed(res) { alert(res.toString()); } // --></mce:script>