您的位置: 首页  >  文章  >  ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件

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

分类: 文章 • 2024-04-29 14:53:39
在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是两个非常相似的控件。简单定义形式如下：

二．简单示例
下面看一个简单的使用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控件
测试Master-Page中的Web Service：
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件
测试Content-Page中的Web Service：
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件
关于ScriptManagerProxy就介绍到这儿，有个问题就是在我的IDE中为什么ScriptManagerProxy总是提示为未知元素，但运行起来并不抱错，结果也可以出来？
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
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>
在它下面可以添加的子标签有：Services，Scripts，AuthenticationService，ProfileService

相关推荐