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

 在ASP.NET AJAX中，由于一个ASPX页面上只能有一个ScriptManager控件，所以在有母版页的情况下，如果需要在Master-Page和Content-Page中需要引入不同的脚本时，这就需要在Content-page中使用ScriptManagerProxy，而不是ScriptManager，ScriptManager 和 ScriptManagerProxy 是两个非常相似的控件。

　　一．ScriptManagerProxy控件概述

　　在ASP.NET AJAX中，由于一个ASPX页面上只能有一个ScriptManager控件，所以在有Master-Page的情况下，如果需要在Master-Page和Content-Page中需要引入不同的脚本时，就需要在Content-page中使用ScriptManagerProxy，而不是ScriptManager，ScriptManagerProxy和 ScriptManager是两个非常相似的控件。简单定义形式如下：

　　<asp:ScriptManagerProxyid="ScriptManagerProxy1"runat="server">
　　<Services>
　　　　　　　　<asp:ServiceReferencePath="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 () {
　　//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:ScriptManagerID="ScriptManager1"runat="server">　　　　<Services>　　　　　　<asp:ServiceReferencePath="SimpleWebService.asmx"/>　　　　</Services>　　</asp:ScriptManager>　　<asp:contentplaceholderid="ContentPlaceHolder1"runat="server">　　</asp:contentplaceholder>
　　
　　&nbsp;<h3>请输入名称：</h3>　　<inputid="inputName"type="text"/>
　　
　　<inputid="button"type="button"value="确定"οnclick="returnOnbuttonGo_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:ScriptManagerProxyid="ScriptManagerProxy1"runat="server">
　　
<Services>
　　
<asp:ServiceReferencePath="CalculWebService.asmx"/>
　　
</Services>
　　
</asp:ScriptManagerProxy>
　　
<h3>请输入两个数：</h3>&nbsp;<inputid="inputA"type="text"style="width:110px"/>&nbsp;+&nbsp;
　　
<inputid="inputB"style="width:110px"type="text"/>&nbsp;
　　
<inputid="buttonEqual"type="button"value="="　οnclick="returnOnbuttonEqual_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总是提示为未知元素，但运行起来并不抱错，结果也可以出来？