赣ajax280,在Web2．0设计模式下Ajax技术和CSS样式技术的应用.pdf

放射免疫学杂志

维普资讯

H L

中国高新技术企业

在Web2．0设计模式下Ajax技术和CSS样式技术的应用

◇文 ／杨春蓉 1．2张志平

【摘要 】 在Web2．0如 火如荼的发展 下，Aja,x技术逐渐在 Web程序开发中发挥着越来越重要的作用，它是

Web2．0程序 的一个关键组件 。在基 于Ajax技术 的Web2．0应 用程序设计 中，外观控制是必不可少 的，其 中

CSS样式是最佳 的选择 。

【关键词 】Web2．0 Aja,x设计模式 Css样式

1．Web2．0概述 button”id=”min”>

“Web2．0”这一概念 ．由0’Reilly媒体公 司总裁 CEO提姆 ·奥莱

理提 出。 “Web2．0”作 为最新 的网络商业应用模式 ，为互联 网应用开 class=”itmename”>网络游戏

辟 了一 个崭新 的理念 ． ax技术是它得 以施 展这一魅力 的关 键技 class--”itmename”>学习 区

术 。

2．Ajax技术是Web2．0程序的一个关键组件 f2)样式表文件 test．CSS源码 ：

B,x是 AsynchronousJavaScriptandXML 以及 DHTML等 的缩 div、window{position：absolute；overflow：auto；border：oslid2px；margin

写 。它是 由HTML、JScript、DHTML、XML文档对象模型等几种技术组 8px；padding：Opx；width：42pox；height：280px；)

合而成 。 div．titlebar{background-image：url(bg．png)；background—repeat：re—

ax技术 的突出优点就是可 以很容 易的实现页面无刷新技术 。 peat—x：border—bottom：oslid black lpx；width：100％ ；height：16px；over—

ax技术是在 IE5．0中首次引入 的一种支持异步请求 的技术 ，当用 flow：hidden；)

户填写表单后 。数据是通过 JScript函数传递给 XMLHttpRequest对象 spna．titlebutton{position：relative；height：18px；width：18px；padding：Opx

而不是直接发送给服务器 ，xMLHttpRequest对象捕获表单数据后 ，向 margin：0px lpx；

服务器 发送请 求 。服务 器 响应请 求并 把 处