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

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

分类: 文章 • 2022-10-03 15:16:03
在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.NET AJAX入门系列（3）：使用ScriptManagerProxy控件<asp:ScriptManagerProxy id="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:ServiceReference Path="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
二．简单示例
下面看一个简单的使用ScriptManagerProxy的例子。
1．首先我们准备两个WebService，在Master-Page中我们输入一个字符串，而在Content-Page中我们求两个数的和。
SimpleWebService.asmx
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件[ScriptService]
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件public class SimpleWebService : System.Web.Services.WebService {
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件    public SimpleWebService () {
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件        //Uncomment the following line if using designed components 
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控件    public string EchoString(String s)
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控件public class CalculWebService : System.Web.Services.WebService {
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件    public CalculWebService () {
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件        //Uncomment the following line if using designed components 
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控件    public int Add(int a,int b) {
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件        return a + b;
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件    }
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件}
2．添加一个Master-Page，在它上面添加一个ScriptManager控件，并引入WebService SimpleWebService.asmx，并添加相应的HTML元素：
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件<div>
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件    <asp:ScriptManager ID="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:ServiceReference Path="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:contentplaceholder id="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控件    <input id="inputName" type="text" />
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件    <input id="button" type="button" value="确 定" onclick="return OnbuttonGo_click()" />
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件</div>
编写相应的JS代码：
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件<script type="text/javascript" language="JavaScript">
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件    function OnbuttonGo_click() 
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    //Complete event
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件            );
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件        return false;
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件    }
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件    function OnRequestComplete(result) 
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．添加一个Content-Page，在它上面添加一个ScriptManagerProxy控件，并引入WebService CalculWebService.asmx，并添加相应的HTML元素：
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件<div>
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件    <asp:ScriptManagerProxy id="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:ServiceReference Path="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;<input id="inputA" type="text" style="width: 110px" />&nbsp;+&nbsp;
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件    <input id="inputB" style="width: 110px" type="text" />&nbsp;
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件    <input id="buttonEqual" type="button" value=" = "  onclick="return OnbuttonEqual_click()"/>
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件</div>
编写相应的JS代码：
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件<script type="text/javascript" language="JavaScript">
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件    function OnbuttonEqual_click() 
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    //Complete event
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件            );
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件        return false;
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件    }
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件    function OnRequestComplete(result) 
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控件测试Master-Page中的Web Service：
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件测试Content-Page中的Web Service：
ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件关于ScriptManagerProxy就介绍到这儿，有个问题就是在我的IDE中为什么ScriptManagerProxy总是提示为未知元素，但运行起来并不抱错，结果也可以出来？











本文转自lihuijun51CTO博客，原文链接：http://blog.51cto.com/terrylee/67709 ，如需转载请自行联系原作者

相关推荐