ScriptManagerProxy控件学习示例

您现在的位置：.Net中文社区>> AJAX编程>>正文内容

ScriptManagerProxy控件学习示例

发布时间：2009年02月13日点击数：次未知

在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

[ScriptService]

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

public SimpleWebService () {

[ScriptService]

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

public SimpleWebService () {

using designed components

//InitializeComponent();

}

[WebMethod]

public string EchoString(String s)

{

return "Hello " + s;

}

CalculWebService.asmx

[ScriptService]

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

public CalculWebService () {

[ScriptService]

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

public CalculWebService () {

using designed components

//InitializeComponent();

}

[WebMethod]

public int Add(int a,int b) {

return a + b;

}

2．添加一个Master-Page，在它上面添加一个ScriptManager控件，并引入WebService SimpleWebService.asmx，并添加相应的HTML元素：

<div>

    <asp:ScriptManager ID="ScriptManager1" runat="server" >

        <Services>

            <asp:ServiceReference Path="SimpleWebService.asmx" />

        </Services>

    </asp:ScriptManager>

    <asp:contentplaceholder id="ContentPlaceHolder1" runat="server">

    </asp:contentplaceholder>

     <h3>请输入名称：</h3>

    <input id="inputName" type="text" />

    <input id="button" type="button" value="确定" onclick="return OnbuttonGo_click()" />

</div>

编写相应的JS代码

function OnbuttonGo_click()

{

requestSimpleService = SimpleWebService.EchoString(

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

OnRequestComplete //Complete event

);

return false;

}

function OnRequestComplete(result)

{

alert(result);

}

</script>

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

<div>

<asp:ScriptManagerProxy id="ScriptManagerProxy1" runat="server">

<asp:ServiceReference Path="CalculWebService.asmx" />

</Services>

</asp:ScriptManagerProxy>

<h3>请输入两个数：</h3> <input id="inputA" type="text" style="width: 110px" /> + 

</div>

编写相应的JS代码：

function OnbuttonEqual_click()

{

requestSimpleService = CalculWebService.Add(

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

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

OnRequestComplete //Complete event

);

return false;

}

function OnRequestComplete(result)

{

alert(result);

}

</script>

ScriptManagerProxy控件学习示例

随机文章推荐

本站热点业务

更多模板/案例展示

热门推荐

最近更新