MagicAjax.Net的使用要点和简单例子

首先是怎么使用MagicAjax.Net。这个其实很多人多讲过了，我这里重复一下。
首先还是新建个项目，然后添加引用：MagicAjax.dll。然后在配置文件Web.config中放入以下配置：

<httpModules>
MagicAjax.Net的使用要点和简单例子

<add name="MagicAjax" type="MagicAjax.MagicAjaxModule, MagicAjax" />
MagicAjax.Net的使用要点和简单例子

</httpModules>

这样我们就能在我们的程序中使用Ajax了。哦，对了，忘了要用ajax技术的.aspx文件中还要加上这句话：

<%@ Register TagPrefix="ajax" Namespace="MagicAjax.UI.Controls"
MagicAjax.Net的使用要点和简单例子

Assembly="MagicAjax" %>

现在就没有问题拉^_^
接着是一个简单的应用。研究一些新技术我总喜欢用一些非常简单的例子，毕竟重点是弄清楚这个技术的用法，所以例子不是很复杂。
首先是.aspx文件的代码：

<%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="example.WebForm1" %>
MagicAjax.Net的使用要点和简单例子

<%@ Register TagPrefix="ajax" Namespace="MagicAjax.UI.Controls"
MagicAjax.Net的使用要点和简单例子

Assembly="MagicAjax" %>
MagicAjax.Net的使用要点和简单例子

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
MagicAjax.Net的使用要点和简单例子

<HTML>

<HEAD>

<title>WebForm1</title>
MagicAjax.Net的使用要点和简单例子

</HEAD>

<body MS_POSITIONING="GridLayout">
MagicAjax.Net的使用要点和简单例子

<form id="Form1" method="post" runat="server">
MagicAjax.Net的使用要点和简单例子

<ajax:AjaxPanel id="AjaxPanel1" runat="server">
MagicAjax.Net的使用要点和简单例子

<asp:DataGrid id="mygrid" Runat="server"></asp:DataGrid>
MagicAjax.Net的使用要点和简单例子

<asp:Button id="Button1" style="Z-INDEX: 101; LEFT: 48px; POSITION: absolute; TOP: 192px" runat="server"
MagicAjax.Net的使用要点和简单例子

Text="确定" Width="96px" BackColor="Transparent"></asp:Button>
MagicAjax.Net的使用要点和简单例子

<asp:Button id="Button2" style="Z-INDEX: 102; LEFT: 208px; POSITION: absolute; TOP: 192px" runat="server"
MagicAjax.Net的使用要点和简单例子

Text="确定2" Width="104px" BackColor="Transparent"></asp:Button>
MagicAjax.Net的使用要点和简单例子

</ajax:AjaxPanel>
MagicAjax.Net的使用要点和简单例子

<asp:DataGrid id="DataGrid1" style="Z-INDEX: 103; LEFT: 368px; POSITION: absolute; TOP: 264px"
MagicAjax.Net的使用要点和简单例子

runat="server" Width="240px" Height="248px"></asp:DataGrid>
MagicAjax.Net的使用要点和简单例子

<asp:Button id="Button3" style="Z-INDEX: 104; LEFT: 440px; POSITION: absolute; TOP: 576px" runat="server"
MagicAjax.Net的使用要点和简单例子

Text="Button" Width="104px" Height="32px"></asp:Button>
MagicAjax.Net的使用要点和简单例子

</form>

</body>

</HTML>

MagicAjax把要实现无刷的控件放在一个AjaxPanel中。在这里，我要用按钮控制DataGrid控件的显示内容，所以我把DataGrid控件和两个Button控件放在AjaxPanel中。

<ajax:AjaxPanel id="AjaxPanel1" runat="server">
MagicAjax.Net的使用要点和简单例子

<asp:DataGrid id="mygrid" Runat="server"></asp:DataGrid>
MagicAjax.Net的使用要点和简单例子

<asp:Button id="Button1" style="Z-INDEX: 101; LEFT: 48px; POSITION: absolute; TOP: 192px" runat="server"
MagicAjax.Net的使用要点和简单例子

Text="确定" Width="96px" BackColor="Transparent"></asp:Button>
MagicAjax.Net的使用要点和简单例子

<asp:Button id="Button2" style="Z-INDEX: 102; LEFT: 208px; POSITION: absolute; TOP: 192px" runat="server"
MagicAjax.Net的使用要点和简单例子

Text="确定2" Width="104px" BackColor="Transparent"></asp:Button>
MagicAjax.Net的使用要点和简单例子

</ajax:AjaxPanel>

接下来是后台代码：

using System;
MagicAjax.Net的使用要点和简单例子

using System.Collections;
MagicAjax.Net的使用要点和简单例子

using System.ComponentModel;
MagicAjax.Net的使用要点和简单例子

using System.Data;
MagicAjax.Net的使用要点和简单例子

using System.Drawing;
MagicAjax.Net的使用要点和简单例子

using System.Web;
MagicAjax.Net的使用要点和简单例子

using System.Web.SessionState;
MagicAjax.Net的使用要点和简单例子

using System.Web.UI;
MagicAjax.Net的使用要点和简单例子

using System.Web.UI.WebControls;
MagicAjax.Net的使用要点和简单例子

using System.Web.UI.HtmlControls;
MagicAjax.Net的使用要点和简单例子

namespace example

其实这个程序很简单，就是无刷新更新DataGrid控件的显示内容。为了清楚的比较刷新和无刷新的效果，我还加了个需要刷新的DataGrid控件。虽然这个刷新的速度比较快，看起来不是很明显，但你注意看的话还是发现它是刷新了的。