AJAX页面呈现模式选择

一. 传统方式页面呈现

1.1 完整页面内容呈现

既我们经常使用的方式，传统的Web应用中，都是由服务器生成完整的页面把所需要的模版文件、HTML内容和数据混合地发送给浏览器。 不管是ASP、ASP.net、还是PHP等普遍都是在服务器端生成完整的页面内容，此页面一般由引用CSS文件、引用Javascript文件、内嵌Css、内嵌Javascript和HTML代码组成； 他们之间的组织关系都由服务器端定义产生并将最终结果发送给客户端。 如图：





<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type='text/xsl' href='/expert/Xsl/2.xsl'?>
<Topic>
<Issue>
<PostUserNickName></PostUserNickName>
<rank>一级(初级)</rank>
<ranknum>user1</ranknum>
<credit>100</credit>
<TopicId>5620381</TopicId>
...... XML 数据 ..........

1.2 固定样式呈现

在传统页面呈现方式中除了上面的，还有一种特殊的呈现应用方式。此方式比较适合站点的呈现样式效果一样、而内容不同的页面；比如论坛的各个板块的帖子页面，显示的样式完全一致、而只有用户发布的内容不同。所以，有很多此类网站采用XML数据、 XSLT呈现相结合的方式。如图：





<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type='text/xsl' href='/expert/Xsl/2.xsl'?>
<Topic>
<Issue>
<PostUserNickName></PostUserNickName>
<rank>一级(初级)</rank>
<ranknum>user1</ranknum>
<credit>100</credit>
<TopicId>5620381</TopicId>
...... XML 数据 ..........

二. AJAX应用的页面呈现方式

我们使用AJAX进行用户体验改善，将过去多页面跳转同步等待的方式改为现在的减少页面跳转异步体验的方式。既我们通过AJAX异步的提交或获取服务端数据、并将其动态的显示在页面的某个位置上。那么，分析通过AJAX去获取服务器数据有哪几种方式可以, 并呈现又有那几种方式呢？

异步请求内容方式：

可以异步的请求服务器获得XML数据
可以异步请求服务器获得HTML内容片段

根据请求的内容不同的，呈现方式也有几种,目前我们采用了第1、2种：

获得XML数据，通过javasript动态的显示数据内容给用户、并可以附加相应的行为
获得HTML内容片段，通过javascript动态的显示页面局部内容
获得XML数据，可以通过XSLT文件转换成HTML内容后呈现给用户