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．添加一个Master-Page，在它上面添加一个ScriptManager控件，并引入WebService SimpleWebService.asmx，并添加相应的HTML元素：．添加一个Content-Page，在它上面添加一个ScriptManagerProxy控件，并引入WebService CalculWebService.asmx，并添加相应的HTML元素：

[ScriptService]

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

publicSimpleWebService(){

//Uncommentthefollowinglineifusingdesignedcomponents

//InitializeComponent();

}

[WebMethod]

publicstringEchoString(Strings)

{
return"Hello"+s;
}

}

CalculWebService.asmx

[ScriptService]

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

publicCalculWebService(){

//Uncommentthefollowinglineifusingdesignedcomponents

//InitializeComponent();

}


[WebMethod]

publicintAdd(inta,intb){

returna+b;
}
}

2

< 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 ="returnOnbuttonGo_click()" />

</ div >

编写相应的JS代码：

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

functionOnbuttonGo_click()

{
requestSimpleService=SimpleWebService.EchoString(

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

OnRequestComplete//Completeevent

);

returnfalse;
}

functionOnRequestComplete(result)

{
alert(result);
}

</ script >

3

< 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 ="returnOnbuttonEqual_click()" />

</ div >

编写相应的JS代码：

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

functionOnbuttonEqual_click()
{
requestSimpleService=CalculWebService.Add(

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

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

OnRequestComplete//Completeevent

);

returnfalse;
}

functionOnRequestComplete(result)

{
alert(result);
}

</ script >

4 ．运行后界面如下：

<shapetype id="_x0000_t75" stroked="f" filled="f" path="m@4@5l@4@11@9@11@9@5xe" o:preferrelative="t" o:spt="75" coordsize="21600,21600"><stroke joinstyle="miter"></stroke><formulas><f eqn="if lineDrawn pixelLineWidth 0"></f><f eqn="sum @0 1 0"></f><f eqn="sum 0 0 @1"></f><f eqn="prod @2 1 2"></f><f eqn="prod @3 21600 pixelWidth"></f><f eqn="prod @3 21600 pixelHeight"></f><f eqn="sum @0 0 1"></f><f eqn="prod @6 1 2"></f><f eqn="prod @7 21600 pixelWidth"></f><f eqn="sum @8 21600 0"></f><f eqn="prod @7 21600 pixelHeight"></f><f eqn="sum @10 21600 0"></f></formulas><path o:connecttype="rect" gradientshapeok="t" o:extrusionok="f"></path><lock aspectratio="t" v:ext="edit"></lock></shapetype>

测试Master-Page中的Web Service：

测试Content-Page中的Web Service：

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