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

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.添加一个Master-Page,在它上面添加一个ScriptManager控件,并引入WebService SimpleWebService.asmx,并添加相应的HTML元素:.添加一个Content-Page,在它上面添加一个ScriptManagerProxy控件,并引入WebService CalculWebService.asmx,并添加相应的HTML元素:

[ScriptService]

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

    
public SimpleWebService () {

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

< 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

< 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

 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值