现在的位置: 首页 > 综合 > 正文

ASP.Net Ajax应用初步:使用AJAX调用WebService

2018年01月22日 ⁄ 综合 ⁄ 共 1927字 ⁄ 字号 评论关闭

 1、首先是使用VS.Net2005创建一个 ASP.Net AJAX-Enabled Web Application

2、创建一个WebService:Service1.asmx

  1. namespace AJAX1
  2. {
  3.     /// <summary>
  4.     /// Service 的摘要说明
  5.     /// </summary>
  6.     [System.Web.Services.WebService(Namespace = "http://tempuri.org/")]
  7.     [System.Web.Services.WebServiceBinding(ConformsTo = System.Web.Services.WsiProfiles.BasicProfile1_1)]
  8.     [System.ComponentModel.ToolboxItem(false)]
  9.     // 注意:一定要加上下面这个属性,才能使用js回调
  10.     [System.Web.Script.Services.ScriptService]
  11.     public class Service1 : System.Web.Services.WebService
  12.     {
  13.         [System.Web.Services.WebMethod]
  14.         public string HelloWorld(string name)
  15.         {
  16.             return "Hello World:" + name;
  17.         }
  18.     }
  19. }

 

3、建好WebService后,创建一个aspx页面,后台代码不用写东西,直接写前台代码:

  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="AJAX1._Default" %>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" >
  4. <head runat="server">
  5.     <title>Untitled Page</title>
  6.     <script type="text/javascript">
  7.         function btnClick(){
  8.             // 调用WebService方法,命名空间.类名.方法名(参数列表)
  9.             // 前面跟方法所需的参数,接着是方法回调成功时要执行的js函数,最后一个是方法回调失败时要执行的js函数
  10.             AJAX1.Service1.HelloWorld("you",funReady,funError);
  11.         }        
  12.         // result 就是WebService方法返回的数据
  13.         function funReady(result){
  14.             alert(result);
  15.         }
  16.         // err 就是WebService方法返回的错误信息
  17.         function funError(err){
  18.             alert("Error:" + err._message );
  19.         }
  20.     </script>
  21. </head>
  22. <body>
  23.     <form id="form1" runat="server">
  24.     <div>
  25.         在下面的Services标签内注册要使用的WebService
  26.         <asp:ScriptManager ID="ScriptManager1" runat="server">
  27.             <Services>
  28.                 <asp:ServiceReference Path="~/Service1.asmx" />
  29.             </Services>
  30.         </asp:ScriptManager>
  31.         <input type="button" onclick="btnClick();" value="test" />
  32.     </div>
  33.     </form>
  34. </body>
  35. </html>

 

 

 

抱歉!评论已关闭.