龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > asp.net编程 >

ASP.NET之AJAX入门应用:使用ScriptManagerProxy控件

时间:2009-12-21 11:47来源:未知 作者:admin 点击:
分享到:
在 ASP.NET AJAX 中,由于一个 ASPX 页面上只能有一个 ScriptManager 控件,所以在有母版页的情况下,如果需要在 Master-Page 和 Content-Page 中需要引入不同的脚本时,这就需要在 Content-page 中使用

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:ScriptManagerProxy id="ScriptManagerProxy1" runat="server">

    
<Services>

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

     
</Services>

</asp:ScriptManagerProxy>在它下面可以添加的子标签有:ServicesScriptsAuthenticationServiceProfileService

二.简单示例

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

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

SimpleWebService.asmx


        //Uncomment the following line if 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 () {

        //Uncomment the following line if 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>

    &nbsp;<h3>请输入名称:</h3>

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

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

</div>
编写相应的JS代码:

<script type="text/javascript" language="JavaScript">

    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">

        <Services>

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

         </Services>

    </asp:ScriptManagerProxy>

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

    <input id="inputB" style="width: 110px" type="text" />&nbsp;

    <input id="buttonEqual" type="button" value=" = "  onclick="return OnbuttonEqual_click()"/>

</div>
编写相应的JS代码:

 

<script type="text/javascript" language="JavaScript">

    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>

4.运行后界面如下:

测试Master-Page中的Web Service

测试Content-Page中的Web Service

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

作者:TerryLee
出处:http://terrylee.cnblogs.com
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
精彩图集

赞助商链接