使用updatePanel从服务器调用方法

比眉伴天荒 2022-08-19 11:03 230阅读 0赞

<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>UpdatePanelDemo</title>
        <style>
            .PleaseWait
            {
             height:200px;
             width:500px;
             background-image:url(../css/img/pleasewait.gif);
             background-repeat:initial;
             padding-left:40px;
             line-height :32px;
            }
    
        </style>
        <script src="../Resource/jquery-1.11.3.js"></script>
      <script>
          function sayhello() {
              var va = $("#TextBox1").val();
              /*确保ScriptManager已经引用了Path,这样就可以直接使用NameService名字.后面intelLisense会直接匹配出相应的方法.
              注意回调函数,它会默认接收回来的值,并以此参数执行方法.
              注意
              1.回调函数要注入参数.
              2.传递回调函数不需要引入参数.
              */
              NameService.HelloWorld(va, callback);
          };
          function callback(str) {
              $("#Label1").text(str);
          };
        </script>
        
    </head>
    <body>
        <form id="form1" runat="server">
            
            <asp:ScriptManager runat="server">
                <Services>
                    <asp:ServiceReference Path="~/WebService/WebService/NameService.asmx" />
                </Services>
            </asp:ScriptManager>
            <asp:UpdatePanel ID="updatePanel" runat="server">
                <ContentTemplate>
                    <div>
                        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
                        <input id="Button12" type="button" οnclick="sayhello()" value="button" />
                    </div>
                 </ContentTemplate>
            </asp:UpdatePanel>
        </form>
    </body>
    </html>

以下是asmx中的代码

using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.Services;
    
    /// <summary>
    /// NameService 的摘要说明
    /// </summary>
    [WebService(Namespace = "http://asp.service.study/")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消注释以下行。 
     [System.Web.Script.Services.ScriptService]
    public class NameService : System.Web.Services.WebService {
    
        public NameService () {
    
            //如果使用设计的组件，请取消注释以下行 
            //InitializeComponent(); 
        }
    
        [WebMethod]
        public string HelloWorld(String Name)
        {
            return String.Format("Hello {0}",Name);
        }
    }