你的位置:首页 > 软件开发 > ajax > ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件

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

发布时间:2008-10-23 21:52:00
在ASP.NET AJAX中,由于一个ASPX页面上只能有一个ScriptManager控件,所以在有母版页的情况下,如果需要在Master-Page和Content-Page中需要引入不同的脚本时,这就需要在Content-page中使用ScriptManagerProxy,而不是ScriptManager,ScriptManager 和 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.NETAJAX入门系列(3):使用ScriptManagerProxy控件<asp:ScriptManagerProxy id="ScriptManagerProxy1" runat="server">ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件    <Services>ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件                <asp:ServiceReference Path="CalculWebService.asmx" />ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件     </Services>ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件</asp:ScriptManagerProxy>在它下面可以添加的子标签有:Services,Scripts,AuthenticationService,ProfileService

二.简单示例

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

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

SimpleWebService.asmx

ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件[ScriptService]ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件public class SimpleWebService : System.Web.Services.WebService ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件{ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件    public SimpleWebService () ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件{ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件        //Uncomment the following line if using designed components ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件        //InitializeComponent(); ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件    }ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件    [WebMethod]ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件    public string EchoString(String s)ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件    ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件{ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件}

CalculWebService.asmx

ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件[ScriptService]ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件public class CalculWebService : System.Web.Services.WebService ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件{ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件    public CalculWebService () ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件{ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件        //Uncomment the following line if using designed components ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件        //InitializeComponent(); ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件    }ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件    public int Add(int a,int b) ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件{ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件        return a + b;ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件    <asp:ScriptManager ID="ScriptManager1" runat="server" >ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件        <Services>ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件            <asp:ServiceReference Path="SimpleWebService.asmx" />ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件        </Services>ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件    </asp:ScriptManager>ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件    <asp:contentplaceholder id="ContentPlaceHolder1" runat="server">ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件    </asp:contentplaceholder>ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件    &nbsp;<h3>请输入名称:</h3>ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件    <input id="inputName" type="text" />ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件    <input id="button" type="button" value="确 定" onclick="return OnbuttonGo_click()" />ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件</div>

编写相应的JS代码:

ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件<script type="text/javascript" language="JavaScript">ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件    function OnbuttonGo_click() ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件    ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件{ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件            document.getElementById('inputName').value,       //paramsASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件            OnRequestComplete    //Complete eventASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件            );ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件        return false;ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件    function OnRequestComplete(result) ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件    ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件{ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件</script>

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

ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件<div>ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件    <asp:ScriptManagerProxy id="ScriptManagerProxy1" runat="server">ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件        <Services>ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件                    <asp:ServiceReference Path="CalculWebService.asmx" />ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件         </Services>ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件    </asp:ScriptManagerProxy>ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件    <h3>请输入两个数:</h3>&nbsp;<input id="inputA" type="text" style="width: 110px" />&nbsp;+&nbsp;ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件    <input id="inputB" style="width: 110px" type="text" />&nbsp;ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件    <input id="buttonEqual" type="button" value=" = "  onclick="return OnbuttonEqual_click()"/>ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件</div>

编写相应的JS代码:

ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件<script type="text/javascript" language="JavaScript">ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件    function OnbuttonEqual_click() ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件            document.getElementById('inputA').value,       //paramsASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件            document.getElementById('inputB').value,       //paramsASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件            OnRequestComplete    //Complete eventASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件            );ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件        return false;ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件    function OnRequestComplete(result) ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件    ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件{ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件</script>4.运行后界面如下:

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

测试Master-Page中的Web Service:

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

测试Content-Page中的Web Service:

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

关于ScriptManagerProxy就介绍到这儿,有个问题就是在我的IDE中为什么ScriptManagerProxy总是提示为未知元素,但运行起来并不抱错,结果也可以出来?
示例代码下载:/Files/Terrylee/ASPNETAJAXScriptManagerProxyDemo.rar

原标题:ASP.NETAJAX入门系列(3):使用ScriptManagerProxy控件

关键词:ASP.NET

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。