转载别人有关ajax的学习
1. 什么是Atlas
atlas 是针对ASP.NET2.0的一个用来开发AJAX类Web页的控件,它很好的实现了.NET的编程风格,并对Ajax实现了很好的支持,使用户可以通过十分有限的代码就能实现相对复杂的基于用户体验的开发工作。关于atlas的详细介绍可以通过Baidu或Google十分方便的找到。atlas可以很方便的下载到。以下是地址:atlas.asp.net
2.Atlas包括的常用控件
atlas包含十几个主要控件,这里只介绍几个十分常用的控件,通过这几个控件就可以实现基本的ajax风格的程序,由于我也是才学的,所以有介绍错误的地方,请各位高手指正。
当安装完atlas后,在VS2005的新建工程里会看到atlas类型的网站模板,如下图:
从这里新建一个Atlas工程后,开发环境会自动添加对Atlas的引用,并设置webConfig文件。这里如果要自己设置,还是有点复杂的:
Atlas最主要的控件是:ScriptManager ,在用以上方法建的页面中会自动添加一个对该控件的引用:
<atlas:ScriptManager runat="server" ID="scriptManager">
</atlas:ScriptManager>
该控件包含以下主要属性:
<atlas:ScriptManager
EnablePartialRendering="true|false" ——是否开启页面局部更新功能,默认值为false
EnableScriptComponents="true|false" —— 是否启用XML脚本模式,默认值为true
ID="ScriptManager1"
OnPageError="PageError Event Handler" ——页面错误处理
runat="server"
>
添加对WebService的引用
<atlas:ScriptManager ID="ScriptManager1" runat="server" >
<Services>
<atlas:ServiceReference Path="WebService.asmx"/> ——.asmx的路径
<atlas:ServiceReference Type="WebService"/>——Web Service的类型
</Services>
</atlas:ScriptManager>
UpdatePanel是Atlas中另一个很重要的控件,功能强大且容易使用,可以使我们只做很小的改动就可以向已有的ASP.NET站点添加Ajax。只用下面几句简单的代码就可以使用
<Atlas:UpdatePanel ID="UpdatePanel1" runat="server" Mode="Always">
或<Atlas:ControlValueTrigger ControlID="DropDownList1" PropertyName="SelectedValue" />——//触发器,当这里指定的属性发生改变时,更新本控件内的内容
</Triggers>
<ContentTemplate>
<asp:Label ID="Label1" runat="server" Width="164px" Font-Bold="True"></asp:Label>
</ContentTemplate>
</Atlas:UpdatePanel>
{ this.Label1.Text = this.DropDownList1.SelectedValue;}
<atlas:ScriptManager ID="ScriptManager1" EnablePartialRendering="true" runat=server >
</atlas:ScriptManager>
<atlas:TimerControl ID="TimeControl1" runat=server Interval="3000" OnTick="TimeControl1_Tick"></atlas:TimerControl>
<div>
<atlas:UpdatePanel runat="server" ID="UpdatePanel1">
</div>
</form>
{ this.txtValue.Text = DateTime.Now.ToString();}
Atlas是在ASP.NET下实现AJAX 程序的首选,至少我是这么认为。但是由于该控件还处在逐步完善过程中,所以肯定会有一些问题。以下是我使用过程中遇到的问题的总结和解决办法(更新.........)。
1. 浏览器出现 Unknown error
可能原因是页面中包括的脚本标记中有下面写法:
<script language='javascript'></script>或者<script language=javascript></script>
改成<script language="javascript"></script>必须用双引号
或者类似
<style type="text/css">
tr
{
color:#ffffff;
} </style>的语句
删除此句.