很早就看到了MagicAjax，但一直未敢深究，原因是我的javaScript学习的并不是太好，要知道Ajax是使用javascript做后台语言的啊，鄙人有点小怕。前两天被逼得没办法了：要做一个在线编辑器。这下烦恼了啊，无论怎么样都无法避免autoPostBack了，万般无奈之下，我想到了Javascript。于是开始了MagicAjax的研究。下面谈谈心得：
首先：MagicAjax是提供给ASP.NET使用的，最新的版本支持ASP.NET2.0。然后，您并不需要编写javaScript代码，您还是用您习惯的C#来写，只不过，原本一个Button的PostBack并没有重新打开一个页面，而是让Ajax来处理，Ajax通过比较改变的html语言，来让浏览器重新画好图就OK了。最后，如何使用MagicAjax呢？有以下几步：
1.在官方网站上下载MagicAjax，下载地址：
http://www.magicajax.net/2.解压缩，哎？为什么没有安装程序呢？哈哈，这就是我喜欢它的原因。它根本不是什么软件或程序什么的，它就一个dll文件，就像.NET的一个插件似的。
3.打开一个ASP.NET2.0网站，然后再工具栏上右击，选择“选择工具”，然后再.NETFramework上单击浏览，找到那个dll文件，再然后单击OK就好了。
4.现在您的工具栏上多了四个工具，它就是MajaxAjax提供的四个工具栏，其中Zone和Panel，目前为止我还未发现有多大区别。下面的两个“KeyClientEventWrapper”和“ClientEventTrigger”目前还不知道怎么使用，大概是用来搞WebService的吧！前面两个我一般使用Panel，这个跟ASP.NET2.0里面的Panel控件几乎是一样的。不同的是，它取代了在该空间里面的任何一个autoPostBack。
呵呵，简单吧，懂了这个就够了，其实就是把它当做一般的ASP.NET 2.0工具使用就可以了。好了，现在开始了哦。
第一步：我们需要在web.config文件中配置MagixAjax的信息。您不懂web.config文件的配置不要紧，跟着我做就可以了。看看下面的代码
<?xml version="1.0"?>
<!--
注意: 除了手动编辑此文件以外……
-->
<configuration xmlns="
http://schemas.microsoft.com/.NetConfiguration/v2.0">
<configSections>
<section name="magicAjax" type="MagicAjax.Configuration.MagicAjaxSectionHandler,MagicAjax"/>
</configSections> <connectionStrings/>
<system.web>
<!--
设置 compilation debug="true"……
-->
<compilation debug="true">
<assemblies>
<add assembly="System.Design, Version=2.0.0.0, Culture=neutral, PublicKeyToken=B03F5F7F11D50A3A"/>
</assemblies>
</compilation>
<!--
通过 <authentication> 节可以配置……
-->
<authentication mode="Windows"/>
<!--
如果在执行请求的过程中出现未处理……
-->
<httpModules>
<add name="MagicAjax" type="MagicAjax.MagicAjaxModule,MagicAjax" />
</httpModules> </system.web>
<!--
This is about the Magic Ajax configuration
-->
<magicAjax outputCompareMode="HashCode" tracing="false">
<pageStore mode="NoStore" unloadStoredPage="false" cacheTimeout="5" maxCurrentPages="5" maxPageslimitAlert="false" />
</magicAjax></configuration>
上面的粗体、歪的字体就是很重要的配置。您的web.config上应该没有，您需要自己配置。如果您使用的是ASP.NET 2.0的话，那么就无需多说，一般都是这样的配置。至于为什么，您可以查看您下载的文件的官方解释，当然您的英语得过关才行，如果您着实想知道，那么就在下面留言吧，如果我觉得有必要再好好讲解那个吧！
配置好后，再该干什么呢？当然是实战练习了。看下面的简单的代码：
//-------------------default.aspx
<ajax:AjaxPanel ID="AjaxPanel1" runat="server">
<asp:RadioButtonlist ID="RadioButtonlist1" runat="server"
AutoPostBack="True" OnSelectedIndexChanged="RadioButtonlist1_SelectedIndexChanged">
<asp:listItem>diazheng</asp:listItem>
<asp:listItem>maozi</asp:listItem>
<asp:listItem>wubing</asp:listItem>
<asp:listItem>lovan</asp:listItem>
</asp:RadioButtonlist>
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
<br />
<asp:TextBox ID="TextBox1" runat="server" Height="130px" Width="274px" TextMode="Multiline"></asp:TextBox>
</ajax:AjaxPanel>
注意上面的粗、歪字体。那么下面看看后台代码是怎么写的吧:
//---------------------default.aspx.cs
public partial class _default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void RadioButtonlist1_SelectedIndexChanged(object sender, EventArgs e)
{
TextBox1.Text += ((RadioButtonlist)sender).SelectedValue;
}
}
好了，按F5吧，现在不停的点击上面的RadioButton，怎么样，情况出现了吧，对，这就是MajaxAjax，就这么简单，根本不需要您编写javascript代码。您可以在本网站的首页的分页、发表回复和快速浏览上看到该技术。
计划：使用ASP.NET 2.0和MagicAjax开发一个像FreeTextBox一样的在线编辑器。如有兴趣的人可以在下面发表回复和我联系。