最近开始了ASP.NET AJAX的全面学习。在服务端编程这块主要有几个服务器控件负责，他们分别为:ScriptManager,Timer,UpdatePanel,UpdateProgress.
先来说说ScriptManager.它有个方法registerAsyncPostBackControl(控件)，可以注册页面上的任何控件为异步传送按钮。还有个方法叫AsyncPostBackError的来着，在这个方法里面可以定义属于自己的错误显示方式。
UpdatePanel,这个控件的用法有很多种，并且有几个属性是非常重要的。它们分别是:UpdateMode,ChildrenAsTrigger,Triggers.通过这几个属性的组合能产生很多的异步页面更新的效果.UpdateMode的值可以为:always,conditional;ChildrenAsTrigger的属性值可以为:True,False.Triggers的属性值为一个包含两种类型的Trigger集合（AysncPostBackTrigger,PostBackTrigger）.
现在假设有个UpdatePanel控件，我来分别设置这些属性值的组合。
UpdateMode(always)+ChildrenAsTrigger(true):不论引发异步传送的控件是否放在UpdatePanel里面，该UpdatePanel都会更新.
&nbs ......
最近开始了ASP.NET AJAX的全面学习。在服务端编程这块主要有几个服务器控件负责，他们分别为:ScriptManager,Timer,UpdatePanel,UpdateProgress.
先来说说ScriptManager.它有个方法registerAsyncPostBackControl(控件)，可以注册页面上的任何控件为异步传送按钮。还有个方法叫AsyncPostBackError的来着，在这个方法里面可以定义属于自己的错误显示方式。
UpdatePanel,这个控件的用法有很多种，并且有几个属性是非常重要的。它们分别是:UpdateMode,ChildrenAsTrigger,Triggers.通过这几个属性的组合能产生很多的异步页面更新的效果.UpdateMode的值可以为:always,conditional;ChildrenAsTrigger的属性值可以为:True,False.Triggers的属性值为一个包含两种类型的Trigger集合（AysncPostBackTrigger,PostBackTrigger）.
现在假设有个UpdatePanel控件，我来分别设置这些属性值的组合。
UpdateMode(always)+ChildrenAsTrigger(true):不论引发异步传送的控件是否放在UpdatePanel里面，该UpdatePanel都会更新.
&nbs ......
有很久一段时间我的BLOG上没有出现AJAX相关讯息了，主要当然是因为绝大部分的重心都放到了Silverlight身上(可预期的未来应该也会是如此)。
但由于工作上的需要，最近还是回头看了一下即将推出的ASP.NET Ajax Library...，顺便找了一下网络上的讯息，看这个态势我猜想应该不少ASP.NET开发人员忽略掉了这个其实已经beta很久即将随着VS2010推出的JavaScript Library，当然，也可能是因为您已经在使用jQuery了。
不过仔细看看ASP.NET Ajax Library当中还是有不少精彩的功能，同时现在微软针对AJAX JavaScript Library也提供了CDN(content delivery network)服务，让您可以直接在页面上引用位于微软的javaScript档案，而不再需要把档案放在自己的项目中。
后面如果时间允许，我也会陆续介绍ASP.NET Ajax Library中的一些功能，以及和jQuery的整合方式。首先来看ASP.NET Ajax Library中Client Controls的使用(底下的范例是水印的TextBox)：
<head>
<title>Untitled Page</title>
<style type="text/css">
.wm {
color:Gray
}
</style>
<!--從CDN引用js-->
<script sr ......
有很久一段时间我的BLOG上没有出现AJAX相关讯息了，主要当然是因为绝大部分的重心都放到了Silverlight身上(可预期的未来应该也会是如此)。
但由于工作上的需要，最近还是回头看了一下即将推出的ASP.NET Ajax Library...，顺便找了一下网络上的讯息，看这个态势我猜想应该不少ASP.NET开发人员忽略掉了这个其实已经beta很久即将随着VS2010推出的JavaScript Library，当然，也可能是因为您已经在使用jQuery了。
不过仔细看看ASP.NET Ajax Library当中还是有不少精彩的功能，同时现在微软针对AJAX JavaScript Library也提供了CDN(content delivery network)服务，让您可以直接在页面上引用位于微软的javaScript档案，而不再需要把档案放在自己的项目中。
后面如果时间允许，我也会陆续介绍ASP.NET Ajax Library中的一些功能，以及和jQuery的整合方式。首先来看ASP.NET Ajax Library中Client Controls的使用(底下的范例是水印的TextBox)：
<head>
<title>Untitled Page</title>
<style type="text/css">
.wm {
color:Gray
}
</style>
<!--從CDN引用js-->
<script sr ......
AJAX无疑是2005年炒的最热的Web开发技术之一，当然，这个功劳离不开Google。我只是一个普通开发者，使用AJAX的地方不是特别多，我就简单的把我使用的心得说一下。（本文假设用户已经具有JavaScript、HTML、CSS等基本的Web开发能力）
[AJAX介绍]
Ajax是使用客户端脚本与Web服务器交换数据的Web应用开发方法。Web页面不用打断交互流程进行重新加裁，就可以动态地更新。使用Ajax，用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面。
异步JavaScript和XML（AJAX）不是什么新技术，而是使用几种现有技术——包括级联样式表（CSS）、JavaScript、XHTML、XML和可扩展样式语言转换（XSLT），开发外观及操作类似桌面软件的Web应用软件。
[AJAX执行原理]
一个Ajax交互从一个称为XMLHttpRequest的JavaScript对象开始。如同名字所暗示的，它允许一个客户端脚本来执行HTTP请求，并且将会解析一个XML格式的服务器响应。Ajax处理过程中的第一步是创建一个XMLHttpRequest实例。使用HTTP方法（GET或POST）来处理请求，并将目标URL设置到XMLHttpRequest对象上。
当你发送HTTP请求，你不希望浏览器挂起并等待服务器的响应，� ......
AJAX无疑是2005年炒的最热的Web开发技术之一，当然，这个功劳离不开Google。我只是一个普通开发者，使用AJAX的地方不是特别多，我就简单的把我使用的心得说一下。（本文假设用户已经具有JavaScript、HTML、CSS等基本的Web开发能力）
[AJAX介绍]
Ajax是使用客户端脚本与Web服务器交换数据的Web应用开发方法。Web页面不用打断交互流程进行重新加裁，就可以动态地更新。使用Ajax，用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面。
异步JavaScript和XML（AJAX）不是什么新技术，而是使用几种现有技术——包括级联样式表（CSS）、JavaScript、XHTML、XML和可扩展样式语言转换（XSLT），开发外观及操作类似桌面软件的Web应用软件。
[AJAX执行原理]
一个Ajax交互从一个称为XMLHttpRequest的JavaScript对象开始。如同名字所暗示的，它允许一个客户端脚本来执行HTTP请求，并且将会解析一个XML格式的服务器响应。Ajax处理过程中的第一步是创建一个XMLHttpRequest实例。使用HTTP方法（GET或POST）来处理请求，并将目标URL设置到XMLHttpRequest对象上。
当你发送HTTP请求，你不希望浏览器挂起并等待服务器的响应，� ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" media="all" href="css/style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>TableKit</title>
</head>
<body>
<div id="content">
<p>可以点击修改内容，实时显示，没有存入到数据库，调整每个列的宽，点击表格头部排序，升序和降序</p>
<p>www.corange.cn </p>
<table class="sortable resizable editable">
<thead>
<tr><th class="sortfirstdesc" id="urgency">Urgency</th><th id="creation-date">Date</th><th id="time">Time</th><th id="title">Title</th><th id="status">Status</th><th id="author">Requested By</th><th id="cost">Cost</th><th id="size">Size</th></tr>
</th ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" media="all" href="css/style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>TableKit</title>
</head>
<body>
<div id="content">
<p>可以点击修改内容，实时显示，没有存入到数据库，调整每个列的宽，点击表格头部排序，升序和降序</p>
<p>www.corange.cn </p>
<table class="sortable resizable editable">
<thead>
<tr><th class="sortfirstdesc" id="urgency">Urgency</th><th id="creation-date">Date</th><th id="time">Time</th><th id="title">Title</th><th id="status">Status</th><th id="author">Requested By</th><th id="cost">Cost</th><th id="size">Size</th></tr>
</th ......
内容页：
<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="ScriptManagerProxyDemo.WebForm1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<script type="text/javascript">
function EchoUserInput() {
var echoElem = $get("EnteredValue");
alert(echoElem);
ScriptManagerProxyDemo.WebService1.EchoInput(echoElem.value, OnSucceeded);
}
function OnSucceeded(result)
{
var RsltElem = $get("Results");
RsltElem.innerHTML=result;
}
</script>
<asp:ScriptManagerProxy ID="Script ......
AJAX 指异步 JavaScript 及 XML（Asynchronous JavaScript And XML）。
您应当具备的基础知识
在继续学习之前，您需要对下面的知识有基本的了解：
HTML / XHTML
JavaScript
AJAX = 异步 JavaScript 及 XML（Asynchronous JavaScript and XML）
AJAX 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。
通过 AJAX，您的 JavaScript 可使用 JavaScript 的 XMLHttpRequest 对象来直接与服务器进行通信。通过这个对象，您的 JavaScript 可在不重载页面的情况与 Web 服务器交换数据。
AJAX 在浏览器与 Web 服务器之间使用异步数据传输（HTTP 请求），这样就可使网页从服务器请求少量的信息，而不是整个页面。
AJAX 可使因特网应用程序更小、更快，更友好。
AJAX 是一种独立于 Web 服务器软件的浏览器技术。
AJAX 基于 Web 标准
AJAX 基于下列 Web 标准：
JavaScript
XML
HTML
CSS
在 AJAX 中使用的 Web 标准已被良好定义，并被所有的主流浏览器支持。AJAX 应用程序独立于浏览器和平台。
AJAX 事关更优秀的应用程序
Web 应用程序较桌面应用程序有诸多优势；它们能够涉及广大的用户，它们更易安装及维护，也更易开发。
不� ......
最新文章 : ajax