繁体中文
设为首页
加入收藏
当前位置:在线教程首页 >> 程序设计 >> ASP >> 基础篇 >> ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件

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

2007-11-21 04:36:03  作者:TerryLee  来源:TerryLee   浏览次数:0  文字大小:【】【】【
简介:在ASP.NET AJAX中,由于一个ASPX页面上只能有一个ScriptManager控件,所以在有母版页的情况下,如果需要在Master-Page和Content-Page中需要引入不同的脚本时,这就需要在Content-page中使用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="确定"onclick="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="=" onclick="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.运行后界面如下:

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

  测试Master-Page中的Web Service:

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

  测试Content-Page中的Web Service:

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

  关于ScriptManagerProxy就介绍到这儿,有个问题就是在我的IDE中为什么ScriptManagerProxy总是提示为未知元素,但运行起来并不抱错,结果也可以出来?

此文章不能满足您的需求?那就就Google一下吧:)
Google
 

责任编辑:fuyang


相关文章
 

最新文章

更多

· ASP.NET AJAX入门系列(...
· ASP.NET AJAX入门系列(...
· ASP.NET AJAX入门系列(...
· ASP.NET AJAX入门系列(...
· ASP.NET AJAX入门系列(...
· ASP.NET AJAX入门系列(...
· 全面解析Server对象
· SQL数据操作基础(初级)1
· SQL数据操作基础(初级)2
· SQL数据操作基础(初级)3

推荐文章

更多

· ASP.NET AJAX入门系列(...
· ASP.NET AJAX入门系列(...
· ASP.NET AJAX入门系列(...
· ASP.NET AJAX入门系列(...
· ASP.NET AJAX入门系列(...
· ASP.NET AJAX入门系列(...
· 全面解析Server对象
· SQL数据操作基础(初级)1
· SQL数据操作基础(初级)2
· SQL数据操作基础(初级)3

热点文章

更多

· ASP.NET AJAX入门系列(...
· ASP.NET AJAX入门系列(...
· ASP.NET AJAX入门系列(...
· ASP.NET AJAX入门系列(...
· ASP.NET AJAX入门系列(...
· ASP.NET AJAX入门系列(...