ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件

在ASP.NET AJAX中，由于一个ASPX页面上只能有一个ScriptManager控件，所以在有母版页的情况下，如果需要在Master-Page和Content-Page中需要引入不同的脚本时，这就需要在Content-page中使用ScriptManagerProxy，而不是ScriptManager，ScriptManager 和 ScriptManagerProxy 是两个非常相似的控件。

主要内容

1．ScriptManagerProxy控件概述

2．简单示例

 

一．ScriptManagerProxy控件概述

在ASP.NET AJAX中，由于一个ASPX页面上只能有一个ScriptManager控件，所以在有Master-Page的情况下，如果需要在Master-Page和Content-Page中需要引入不同的脚本时，就需要在Content-page中使用ScriptManagerProxy，而不是ScriptManager，ScriptManagerProxy和 ScriptManager是两个非常相似的控件。简单定义形式如下：

< asp:ScriptManagerProxy  id ="ScriptManagerProxy1"  runat ="server" >

     < Services >

                 < asp:ServiceReference  Path ="CalculWebService.asmx"   />

      </ Services >

</ asp:ScriptManagerProxy >

在它下面可以添加的子标签有： Services， Scripts， AuthenticationService， ProfileService

二．简单示例

下面看一个简单的使用ScriptManagerProxy的例子。

1．首先我们准备两个WebService，在Master-Page中我们输入一个字符串，而在Content-Page中我们求两个数的和。

SimpleWebService.asmx

[ScriptService]

public   class  SimpleWebService : System.Web.Services.WebService  {

    public SimpleWebService () {

        //Uncomment the following line if using designed components 

        //InitializeComponent(); 

    }

    [WebMethod]

    public string EchoString(String s)

    {
        return "Hello " + s;
    }

}

CalculWebService.asmx

[ScriptService]

public   class  CalculWebService : System.Web.Services.WebService  {

    public CalculWebService () {

        //Uncomment the following line if using designed components 

        //InitializeComponent(); 

    }


    [WebMethod]

    public int Add(int a,int b) {

        return a + b;
    }
}

2．添加一个Master-Page，在它上面添加一个ScriptManager控件，并引入WebService SimpleWebService.asmx，并添加相应的HTML元素：

< div >

     < asp:ScriptManager  ID ="ScriptManager1"  runat ="server"   >

         < Services >

             < asp:ServiceReference  Path ="SimpleWebService.asmx"   />

         </ Services >

     </ asp:ScriptManager >

     < asp:contentplaceholder  id ="ContentPlaceHolder1"  runat ="server" >

     </ asp:contentplaceholder >

     &nbsp; < h3 > 请输入名称： </ h3 >

     < input  id ="inputName"  type ="text"   />

     < input  id ="button"  type ="button"  value ="确 定"  onclick ="return OnbuttonGo_click()"   />

</ div >

编写相应的JS代码：

< script  type ="text/javascript"  language ="JavaScript" >

    function OnbuttonGo_click() 

    {
        requestSimpleService = SimpleWebService.EchoString(

            document.getElementById('inputName').value,       //params

            OnRequestComplete    //Complete event

            );

        return false;
    }

    function OnRequestComplete(result) 

    {
        alert(result);
    }

</ script >

3．添加一个Content-Page，在它上面添加一个ScriptManagerProxy控件，并引入WebService CalculWebService.asmx，并添加相应的HTML元素：

< div >

     < asp:ScriptManagerProxy  id ="ScriptManagerProxy1"  runat ="server" >

         < Services >

                     < asp:ServiceReference  Path ="CalculWebService.asmx"   />

          </ Services >

     </ asp:ScriptManagerProxy >

     < h3 > 请输入两个数： </ h3 > &nbsp; < input  id ="inputA"  type ="text"  style ="width: 110px"   /> &nbsp; + &nbsp;

     < input  id ="inputB"  style ="width: 110px"  type ="text"   /> &nbsp;

     < input  id ="buttonEqual"  type ="button"  value =" = "   onclick ="return OnbuttonEqual_click()" />

</ div >

编写相应的JS代码：

< script  type ="text/javascript"  language ="JavaScript" >

    function OnbuttonEqual_click() 
    {
        requestSimpleService = CalculWebService.Add(

            document.getElementById('inputA').value,       //params

            document.getElementById('inputB').value,       //params

            OnRequestComplete    //Complete event

            );

        return false;
    }

    function OnRequestComplete(result) 

    {
        alert(result);
    }

</ script >

4 ．运行后界面如下：

测试Master-Page中的Web Service：

测试Content-Page中的Web Service：

关于ScriptManagerProxy就介绍到这儿，有个问题就是在我的IDE中为什么ScriptManagerProxy总是提示为未知元素，但运行起来并不抱错，结果也可以出来？

示例代码下载：/Files/Terrylee/ASPNETAJAXScriptManagerProxyDemo.rar