惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

I
Intezer
宝玉的分享
宝玉的分享
V
Visual Studio Blog
The Cloudflare Blog
云风的 BLOG
云风的 BLOG
Engineering at Meta
Engineering at Meta
Stack Overflow Blog
Stack Overflow Blog
Vercel News
Vercel News
P
Proofpoint News Feed
阮一峰的网络日志
阮一峰的网络日志
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
V
V2EX
博客园 - Franky
J
Java Code Geeks
月光博客
月光博客
博客园 - 三生石上(FineUI控件)
D
Docker
IT之家
IT之家
小众软件
小众软件
M
MIT News - Artificial intelligence
Spread Privacy
Spread Privacy
雷峰网
雷峰网
C
CERT Recently Published Vulnerability Notes
N
News | PayPal Newsroom
量子位
The Last Watchdog
The Last Watchdog
The Register - Security
The Register - Security
PCI Perspectives
PCI Perspectives
罗磊的独立博客
S
Secure Thoughts
WordPress大学
WordPress大学
Exploit-DB.com RSS Feed
Exploit-DB.com RSS Feed
B
Blog
T
Threatpost
The GitHub Blog
The GitHub Blog
博客园 - 叶小钗
U
Unit 42
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
H
Help Net Security
Cloudbric
Cloudbric
G
Google Developers Blog
C
Cyber Attacks, Cyber Crime and Cyber Security
人人都是产品经理
人人都是产品经理
H
Heimdal Security Blog
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
Last Week in AI
Last Week in AI
Jina AI
Jina AI
O
OpenAI News
K
KPMG report finds enterprise disconnect between AI and its ROI | CIO
美团技术团队

博客园 - 望天

Web 2.0 网站架构不可或缺的图书 值得收藏的146条民间小偏方 回龙观常用电话 AJAX富客户端开发 Ajax框架介绍 EBS架构及实现业务特点 ASP.net 大文件上传 实现 架构师要了解那些?? witLuo介绍 网络负载平衡转发技术简介(转载) 双网卡实现负载均衡技术的实现与原理 AOP方法调用消息截获(之realproxy) Server Application Unavailable 事务处理可选方式 C# 注册COM+组件步骤 在分布式事务中登记时出错 由TObject原码对类的内存分配 TOrderedList类 TStream类
AJAX页面呈现模式选择
望天 · 2007-07-17 · via 博客园 - 望天

一. 传统方式页面呈现

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内容后呈现给用户