ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件

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

主要内容

1ScriptManagerProxy控件概述

2.简单示例

一.ScriptManagerProxy控件概述

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

ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件<asp:ScriptManagerProxyid="ScriptManagerProxy1"runat="server">
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
<Services>
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
<asp:ServiceReferencePath="CalculWebService.asmx"/>
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
</Services>
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
</asp:ScriptManagerProxy>
在它下面可以添加的子标签有:ServicesScriptsAuthenticationServiceProfileService

二.简单示例

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

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

SimpleWebService.asmx.添加一个Master-Page,在它上面添加一个ScriptManager控件,并引入WebService SimpleWebService.asmx,并添加相应的HTML元素:.添加一个Content-Page,在它上面添加一个ScriptManagerProxy控件,并引入WebService CalculWebService.asmx,并添加相应的HTML元素:

ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件[ScriptService]
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
publicclassSimpleWebService:System.Web.Services.WebServiceASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件{
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
publicSimpleWebService()ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件{
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
//Uncommentthefollowinglineifusingdesignedcomponents
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
//InitializeComponent();
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件

ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件}

ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件[WebMethod]
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
publicstringEchoString(Strings)
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件{
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
return"Hello"+s;
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件}

ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件}

CalculWebService.asmx

ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件[ScriptService]
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
publicclassCalculWebService:System.Web.Services.WebServiceASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件{
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
publicCalculWebService()ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件{
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
//Uncommentthefollowinglineifusingdesignedcomponents
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
//InitializeComponent();
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件

ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件}

ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件[WebMethod]
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
publicintAdd(inta,intb)ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件{
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
returna+b;
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件}

ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件}

2

ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件<div>
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
<asp:ScriptManagerID="ScriptManager1"runat="server">
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
<Services>
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
<asp:ServiceReferencePath="SimpleWebService.asmx"/>
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
</Services>
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
</asp:ScriptManager>
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
<asp:contentplaceholderid="ContentPlaceHolder1"runat="server">
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
</asp:contentplaceholder>
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
&nbsp;<h3>请输入名称:</h3>
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
<inputid="inputName"type="text"/>
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
<inputid="button"type="button"value="确定"onclick="returnOnbuttonGo_click()"/>
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
</div>

编写相应的JS代码:

ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件<scripttype="text/javascript"language="JavaScript">ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
functionOnbuttonGo_click()
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件{
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件requestSimpleService
=SimpleWebService.EchoString(
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件document.getElementById('inputName').value,
//params
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件

ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件OnRequestComplete
//Completeevent
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件

ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件);
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
returnfalse;
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件}

ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
functionOnRequestComplete(result)
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件{
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件alert(result);
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件}

ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
</script>

3

ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件<div>
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
<asp:ScriptManagerProxyid="ScriptManagerProxy1"runat="server">
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
<Services>
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
<asp:ServiceReferencePath="CalculWebService.asmx"/>
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
</Services>
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
</asp:ScriptManagerProxy>
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
<h3>请输入两个数:</h3>&nbsp;<inputid="inputA"type="text"style="width:110px"/>&nbsp;+&nbsp;
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
<inputid="inputB"style="width:110px"type="text"/>&nbsp;
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
<inputid="buttonEqual"type="button"value="="onclick="returnOnbuttonEqual_click()"/>
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
</div>

编写相应的JS代码:

ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件<scripttype="text/javascript"language="JavaScript">ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
functionOnbuttonEqual_click()
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件{
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件requestSimpleService
=CalculWebService.Add(
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件document.getElementById('inputA').value,
//params
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件

ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件document.getElementById('inputB').value,
//params
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件

ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件OnRequestComplete
//Completeevent
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件

ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件);
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
returnfalse;
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件}

ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
functionOnRequestComplete(result)
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件{
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件alert(result);
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件}

ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
</script>
4.运行后界面如下:

<shapetype id="_x0000_t75" stroked="f" filled="f" path="[email protected]@[email protected]@[email protected]@[email protected]@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>ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件

测试Master-Page中的Web Service

ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件

测试Content-Page中的Web Service

ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件

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