Microsoft Asp.Net Ajax框架入门(1) 初览
2008-02-01 09:56
489 查看
VS2008、Asp.Net 3.5
这几天，我开始系统学习Asp.Net Ajax，很明显，我已经被她深深吸引了，最近学的东西太多了，唯恐遗忘，于是我觉得，我必须把现在能领会的逐一记录下来。这将会是一个系列，记录我对Asp.Net Ajax的认知历程。
当然，在这个领域，我还是个新手，如果有写的不对或描述不准确的地方，希望多包含，并告诉我，我将感激不尽。
先来看一下下面这张主体构架图（取自Asp.Net Ajax In Action）。
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Xml.Linq;
注意，[System.Web.Script.Services.ScriptService]是必须的
然后，在客户端，可以这样调用这个web service方法：ShowUser.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ShowUser.aspx.cs" Inherits="Tristan.AjaxCenter.A.ShowUser" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="scriptMgr" runat="server">
<Services>
<asp:ServiceReference Path="~/A/WSUser.asmx" />
</Services>
</asp:ScriptManager>
<div id="divUName"></div>
<script type="text/javascript">
Sys.Application.add_load(showName);
</script>
</div>
</form>
</body>
</html>
服务端为中心的编程模型：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Hello.aspx.cs" Inherits="Tristan.AjaxCenter.Hello" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="scriptMgr" runat="server"></asp:ScriptManager>
<asp:UpdatePanel ID="uPanel1" runat="server">
<ContentTemplate>
<asp:TextBox ID="txtUserName" runat="server" />
<asp:Button ID="btnCommit" runat="server" Text="Show Name" onclick="btnCommit_Click" />
</ContentTemplate>
</asp:UpdatePanel>
<asp:UpdateProgress ID="uProgress" runat="server">
<ProgressTemplate>
<img src="loading.gif" alt="" />
</ProgressTemplate>
</asp:UpdateProgress>
</div>
</form>
</body>
</html>
Hello.aspx.cs：
protected void btnCommit_Click(object sender, EventArgs e) {
Thread.Sleep(2000);
txtUserName.Text = "guozhijian";
}
我们用Threed.Sleep模拟操作延时。
执行后可以看到所谓无刷的异步提交效果。
这几天，我开始系统学习Asp.Net Ajax，很明显，我已经被她深深吸引了，最近学的东西太多了，唯恐遗忘，于是我觉得，我必须把现在能领会的逐一记录下来。这将会是一个系列，记录我对Asp.Net Ajax的认知历程。
当然，在这个领域，我还是个新手，如果有写的不对或描述不准确的地方，希望多包含，并告诉我，我将感激不尽。
先来看一下下面这张主体构架图（取自Asp.Net Ajax In Action）。
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Xml.Linq;
注意，[System.Web.Script.Services.ScriptService]是必须的
然后，在客户端，可以这样调用这个web service方法：ShowUser.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ShowUser.aspx.cs" Inherits="Tristan.AjaxCenter.A.ShowUser" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="scriptMgr" runat="server">
<Services>
<asp:ServiceReference Path="~/A/WSUser.asmx" />
</Services>
</asp:ScriptManager>
<div id="divUName"></div>
<script type="text/javascript">
Sys.Application.add_load(showName);
</script>
</div>
</form>
</body>
</html>
服务端为中心的编程模型：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Hello.aspx.cs" Inherits="Tristan.AjaxCenter.Hello" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="scriptMgr" runat="server"></asp:ScriptManager>
<asp:UpdatePanel ID="uPanel1" runat="server">
<ContentTemplate>
<asp:TextBox ID="txtUserName" runat="server" />
<asp:Button ID="btnCommit" runat="server" Text="Show Name" onclick="btnCommit_Click" />
</ContentTemplate>
</asp:UpdatePanel>
<asp:UpdateProgress ID="uProgress" runat="server">
<ProgressTemplate>
<img src="loading.gif" alt="" />
</ProgressTemplate>
</asp:UpdateProgress>
</div>
</form>
</body>
</html>
Hello.aspx.cs：
protected void btnCommit_Click(object sender, EventArgs e) {
Thread.Sleep(2000);
txtUserName.Text = "guozhijian";
}
我们用Threed.Sleep模拟操作延时。
执行后可以看到所谓无刷的异步提交效果。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Microsoft Asp.Net Ajax框架入门(1) 初览
- Microsoft AJAX Library Cheat Sheet ——ASP.NET AJAX客户端框架的快速参考系
- Microsoft AJAX Library Cheat Sheet——ASP.NET AJAX客户端框架的快速参考系列（翻译全部完成）
- Microsoft Asp.net Ajax 框架介绍
- SharePoint And Ajax Technology（4）：基于Microsoft ASP.NET AJAX 3.5的扩展2
- AJAX 框架 用 Asp.net ajax 还是 Jquery
- Microsoft ASP.NET 快速入门教程
- [转]ASP.NET Ajax 客户端框架未能加载。
- ABP(现代ASP.NET样板开发框架)系列之二、ABP入门教程详解
- [摘]ASP.NET Atlas是Microsoft开发的下一代网络应用程序框架.....
- ASP.NET Aries 入门开发教程1：框架下载与运行
- 从Atlas到Microsoft ASP.NET AJAX（2） - Class、JavaScript Extensions (Client BCL)
- 从Atlas到Microsoft ASP.NET AJAX（6） - Networking, Application Services
- 从Atlas到Microsoft ASP.NET AJAX（7）
- asp.net- ajax简单入门使用方法，通过一般处理程序ashx进行处理
- ASP.NET MVC中使用AJAX(XMLHttpRequest、Microsoft AJAX Library......) 推荐
- AJAX 框架 用 Asp.net ajax 还是 Jquery ?
- 学习 ASP.NET AJAX深入浅出系列课程(21)：利用Microsoft AJAX Library开发客户端组建(上)(Level 300)
- 22、ASP.NET MVC入门到精通——搭建项目框架
- ASP.NET Ajax 客户端框架未能加载。 'Sys'未定义