- Rongsen.Com.Cn 版权所有 2008-2010 京ICP备08007000号 京公海网安备11010802026356号 朝阳网安编号:110105199号
- 北京黑客防线网安工作室-黑客防线网安服务器维护基地为您提供专业的
服务器维护
,企业网站维护
,网站维护
服务 - (建议采用1024×768分辨率,以达到最佳视觉效果) Powered by 黑客防线网安 ©2009-2010 www.rongsen.com.cn
作者:黑客防线网安Ajax教程基地 来源:黑客防线网安Ajax教程基地 浏览次数:0 |
首先我们今天要用到的是Ajax.NET Professional ,您可以从http://www.schwarz-interactive.de/ 获取关于AJAX.NET的相关信息。其次还需要知道XML数据岛的相关知识。下面我们先来看一个简单的绑定例子:
第一步先确定XML数据源
<xml ID="xmlData" name="xmlData">
<root>
<METADATA>
<AUTHOR>John Smith</AUTHOR>
<GENERATOR>Visual Notepad</GENERATOR>
<PAGETYPE>Reference</PAGETYPE>
<ABSTRACT>Specifies a data island</ABSTRACT>
</METADATA>
<METADATA>
<AUTHOR>John Smith2</AUTHOR>
<GENERATOR>Visual Notepad2</GENERATOR>
<PAGETYPE>Reference2</PAGETYPE>
<ABSTRACT>Specifies a data island2</ABSTRACT>
</METADATA>
<METADATA>
<AUTHOR>John Smith3</AUTHOR>
<GENERATOR>Visual Notepad3</GENERATOR>
<PAGETYPE>Reference3</PAGETYPE>
<ABSTRACT>Specifies a data island3</ABSTRACT>
</METADATA>
</root>
</xml>
第二步确定绑定容器,在这里我们使用Table
<TABLE dataSrc="#xmlData" border=1>
<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>
<add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro"/>
</httpHandlers>
我要申请本站:N点 | 黑客防线官网 | |
专业服务器维护及网站维护手工安全搭建环境,网站安全加固服务。黑客防线网安服务器维护基地招商进行中!QQ:29769479 |