ASP.NET AJAX入门系列（3）：使用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是两个非常相似的控件。简单定义形式如下：
[align=left] [/align]


<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．添加一个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;


}




}
[align=left]CalculWebService.asmx[/align]


[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;


}


}
[align=left]2[/align]


<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>
[align=left]编写相应的JS代码：[/align]




<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>
[align=left]3[/align]


<div>




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




<Services>




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




</Services>




</asp:ScriptManagerProxy>




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




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




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




</div>
[align=left]编写相应的JS代码：[/align]
[align=left] [/align]




<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总是提示为未知元素，但运行起来并不抱错，结果也可以出来？