利用Ajax与数据岛实现无刷新绑定_Web开发_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

利用Ajax与数据岛实现无刷新绑定

作者：闵涛文章来源：闵涛的学习笔记点击数：1911 更新时间：2009/4/23 11:30:46

首先我们今天要用到的是Ajax.NET Professional ，您可以从http://www.schwarz-interactive.de/ 获取更多的信息
然后还需要知道Xml数据岛，先来看一个简单的绑定例子：
第一步先确定XML数据源

<root>

<AUTHOR>John Smith</AUTHOR>

<GENERATOR>Visual Notepad</GENERATOR>

<PAGETYPE>Reference</PAGETYPE>

<ABSTRACT>Specifies a data island</ABSTRACT>

</METADATA>

<AUTHOR>John Smith2</AUTHOR>

<GENERATOR>Visual Notepad2</GENERATOR>

<PAGETYPE>Reference2</PAGETYPE>

<ABSTRACT>Specifies a data island2</ABSTRACT>

</METADATA>

<AUTHOR>John Smith3</AUTHOR>

<GENERATOR>Visual Notepad3</GENERATOR>

<PAGETYPE>Reference3</PAGETYPE>

<ABSTRACT>Specifies a data island3</ABSTRACT>

</METADATA>

</root>

</xml>第二步确定绑定容器，在这里我们使用Table

<TR>

<TD><span dataFld="AUTHOR">loading...</span></TD>

<TD><span dataFld="GENERATOR">loading...</span></TD>

<TD><span dataFld="PAGETYPE">loading...</span></TD>

<TD><span dataFld="ABSTRACT">loading...</span></TD>

</TR>

</TABLE>

把这两段代码Copy到您的HTMl页面运行既可看到效果
第一段是我们的XML数据源，也就是要绑定的数据，METADATA结点相当于表名， AUTHOR、GENERATOR、PAGETYPE、ABSTRACT相当于列名，下面的Table是用来显示数据的容器。<TABLE dataSrc="#xmlData" border=1>是指定Table的数据源，<span dataFld="AUTHOR">loading...</span>绑定字段名。

好了，知道这些之后就再来看如何结合Ajax实现无刷新绑定
第一步：配置Ajax，在Web.config文件中加入配置节：

</httpHandlers>第二步，编写返回数据集的代码：

public class MyClass