ASP.NET AJAX入门系列（3）：使用ScriptManagerProxy控件
2006-10-27 08:31:00
版权声明：原创作品，允许转载，转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://terrylee.blog.51cto.com/342737/67709 |
在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>二．简单示例
下面看一个简单的使用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: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代码：
<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> <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>编写相应的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> 测试Master-Page中的Web Service： 测试Content-Page中的Web Service： 关于ScriptManagerProxy就介绍到这儿，有个问题就是在我的IDE中为什么ScriptManagerProxy总是提示为未知元素，但运行起来并不抱错，结果也可以出来？本文出自 “TerryLee技术专栏” 博客，请务必保留此出处http://terrylee.blog.51cto.com/342737/67709 本文出自 51CTO.COM技术博客 |
lihuijun
博客统计信息
热门文章
最新评论
友情链接
