利用AJAX与数据岛实现无刷新绑定_Ajax编程_黑客防线网安服务器维护基地--Powered by WWW.RONGSEN.COM.CN

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

作者:黑客防线网安Ajax教程基地 来源:黑客防线网安Ajax教程基地 浏览次数:0

本篇关键词:刷新实现数据利用
黑客防线网安网讯:  首先我们今天要用到的是Ajax.NET Professional ,您可以从http://www.schwarz-interactive.de/ 获取关于AJAX.NET的相关信息。其次还需要知道XML数据岛的相关知识。下面我们先来看一个简...

  首先我们今天要用到的是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>

    黑客防线网安服务器维护方案本篇连接:http://www.rongsen.com.cn/show-15874-1.html
网站维护教程更新时间:2012-04-05 00:08:31  【打印此页】  【关闭
我要申请本站N点 | 黑客防线官网 |  
专业服务器维护及网站维护手工安全搭建环境,网站安全加固服务。黑客防线网安服务器维护基地招商进行中!QQ:29769479

footer  footer  footer  footer