zoukankan      html  css  js  c++  java
  • 【转】利用ScriptManager实现Javascript调用WebService中的方法

    原文发布时间为:2009-07-01 —— 来源于本人的百度文章 [由搬家工具导入]

    前台调用后台方法,或者后台调用前台方法。ScriptManager实现

    开发过程中,总想在前台直接调用后台的method,其原因无非是想控制页面刷新,改善用户体验。可以达到这个目的的方法有很多:Ajax应该是用的最多的情况.这里要说的是利用Javascript和webservice的交互来达到目的。
    1.当然要建立WebService(简便起见,WebService就建立在当前方案中):


    using System;
    using System.Web;
    using System.Collections;
    using System.Web.Services;
    using System.Web.Services.Protocols;


    /**//// <summary>
    /// WebService 的摘要描述
    /// </summary>
    ///
    [System.Web.Script.Services.ScriptService]  //注意要实现目的,这就必不可少

    [WebService(Namespace = "http://tempuri.org/")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    public class WebService : System.Web.Services.WebService ...{

        public WebService () ...{

            //如果使用設計的元件,請取消註解下行程式碼
            //InitializeComponent();
         }

         [WebMethod]
        public string sayhi(string name,string age)
        ...{
            //code here
            return "Hello,this is "+name+",i am"+age ;
         }
        
    } 2.新建页面ajaxWebService.aspx,建立前台代码,其中要用ScriptManager对service进行。先看代码:


    <%...@ Page Language="C#" AutoEventWireup="true" CodeFile="ajaxWebService.aspx.cs" Inherits="ajaxWebService" %>

    <%...@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
         Namespace="System.Web.UI" TagPrefix="asp" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>未命名頁面</title>
       <script type="text/javascript" >...
       
        function check()
        ...{
          var name=document.getElementById("txtname").value;
          var age=document.getElementById("txtage").value;
          
          //最后一个参数为回调函数名称
           WebService.sayhi(name,age,updatepage);
         }
        
        //其中result即返回的结果
        function updatepage(result)
        ...{
           alert(result);
         }
       </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <asp:ScriptManager ID="ScriptManager1" runat="server">
              <Services >
                <asp:ServiceReference Path ="~/WebService.asmx" />
              </Services>
            </asp:ScriptManager>
            <input id="txtname" name="txtname" type="text" />
            <input id="txtage" name="txtage" type="text" />
            <input id="Button1" type="button" value="button" onclick ="check()" />
        </div>
        </form>
    </body>
    </html>

    3.说明:
    除了上述两点需要注意外,还有一点需要强调一下:
    调用的方法很,[WebServiceName].[MethodName](...),其中的参数列中最后一项应该为回调函数名称。而回调函数的参数既是回传的结果。见上例。

    使用这些ajax控件,sys未定义,则要在web.config的 <system.web>节点下面添加以下语句:

       <httpHandlers>
          <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"/>
          <add verb="*" path="*_AppService.axd" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
          <add verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" validate="false"/>
        </httpHandlers>

    范例二:

    在工程中添加一个 webservice 使用默认的

    红色部分为后添加

    为了要让ScriptManager识别这个WEBSERVICE

    WebService.cs

    using System;using System.Web;using System.Collections;using System.Web.Services;using System.Web.Services.Protocols; /// <summary>/// WebService 的摘要说明/// </summary>[WebService(Namespace = "http://tempuri.org/")][WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)][System.Web.Script.Services.ScriptService ]public class WebService : System.Web.Services.WebService { public WebService () { //如果使用设计的组件,请取消注释以下行 //InitializeComponent(); } [WebMethod]public string HelloWorld() {return "Hello World";} } 写好后在 ASPX中写入 脚本代码 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server"><title>无标题页</title><script type ="text/javascript" >function RefService(){WebService.HelloWorld(GetResult);}function GetResult(result){alert(result);} </script></head><body><form id="form1" runat="server"><div><asp:ScriptManager ID="ScriptManager1" runat="server"> <Services><asp:ServiceReference Path="WebService.asmx"/></Services></asp:ScriptManager><input type="button" value="abc" onclick="RefService()" /></div></form></body></html>

    这个为添加的  

    <Services><asp:ServiceReference Path="WebService.asmx"/></Services>

    然后 添加一个 Button 调用 一下 RefService() 方法

  • 相关阅读:
    godaddy 亚太机房 更换 美国机房 全过程(图)
    博客园设置访问密码
    GoDaddy Linux主机支持机房的更换
    今天电信宽代终于装上光纤了,升级或安装光纤需购光猫,可以自购。我来扫盲一下
    我来科普一下为毛很多人升级了20M的电信光纤宽带反而感觉速度更卡了
    百度浏览器使用率统计
    hdu 1281
    C#基于SMTP协议和SOCKET通信,实现邮件内容和附件的发送,并可隐藏收件人
    如何处理标注打架
    提高你的Java代码质量吧:谨慎包装类型的比较
  • 原文地址:https://www.cnblogs.com/handboy/p/7153337.html
Copyright © 2011-2022 走看看