易截截图软件、单文件、免安装、纯绿色、仅160KB

【旧文】AJAX总结(一)

AJAX简介
一、AJAX是什么
在传统的web应用中,用户与应用的每一次交互,都是首先用户通过浏览器向服务器端发送一个
请求,服务器解析这个请求,将相应的响应信息返回给浏览器。在服务器端业务逻辑非常复杂或者需要耗时较长的情况下,浏览器等待刷新时,页面经常是一片空
白,用户只能被动等待服务器端响应完成,在此期间客户不能在页面上做任何操作,带给用户非常糟糕的体验。
在用户只是需要刷新页面一小部分的情况下,传统的web应用需要刷新整个页面,造成网络流量的浪费,也造成响应速度变慢。
2005年,随着AJAX的出现,这种情况得到了改观。
AJAX这个术语是由Adaptive Path公司的Jesse James Garrett的定义的,他说它是Asynchronous Javascript and Xml的简写。AJAX并不是一种技术,它是多种技术的强大组合,它包括:
Ø        基于XHTML和CSS标准的表示;
Ø        使用DOM进行动态显示和交互;
Ø        使用XML和XSLT进行数据交换与处理
Ø        使用XMLHttpRequest与服务器进行异步通信;
Ø        使用JavaScript绑定一切。
在AJAX涉及的这7项技术中,DOM、XML、XMLHttpRequest、JavaScript最为有用。
二、使用AJAX的利弊
使用AJAX,可以为开发人员、终端用户带来可见的便捷:
Ø        减轻服务器的负担。AJAX的原则是“按需取数据”,可以最大程度的减少冗余请求和响应对服务器造成的负担。
Ø       
无刷新更新页面,减少用户心理和实际的等待时间。特别是当读取大量数据的时候,AJAX使用XMLHTTP对象发送请求并获取服务器响应,在不重新载入整
个页面的情况下用Javascript操作DOM最终更新页面。在读取数据的过程中,用户面对的不是白屏,是原来页面的内容,用户可以继续进行其他操作,
只有当数据接收完毕之后才更新相应部分内容。
Ø        带来更好的用户体验。一直以来,B/S程序在用户易操作性、界面友好性上跟C/S相比都有较大的差距,随着AJAX的应用,这种情况将得到较大的改观。
Ø       


相关文档:

AJAX Follow Me

最近网上提的很多的一个新概念就是 AJAX 了, 那么, AJAX 是什么呢? 以下内容引用网上资料:
AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。它有机地包含了以下几种技术:
Ajax(Asynchronous JavaScript + XML)的定义
基于 web标准(sta ......

AJAX控件使用教程

1. Accordion
【功能概述】Accordion可以让你设计多个panel 并且一次只显示一个Panel .在页面上的显示效果就像是使用了多个CollapsiblePanels只不过每一次只展开其中一个 CollapsiblePanel.Accordion控件内部包含了若干个AccordionPane,每一个AccordionPane的 template里包括了对其Header和Content的定义。我们可以在后台 ......

AJAX.MVC框架设计陈述 1)AJAX交互设计

前后端的交互是整个框架的中心,我希望从流的角度来设计AJAX的交互
AJAX的设计将横贯前后端
前端是主动
后端是被动
整体考虑的话 前后端使用一个统一的接口进行AJAX交互
后端 用一个唯一的URL来处理 AJAX请求
接口名称     处理接口:[http://域名/mvc.ajax]  封装所有的AJAX请求的预处理
......

baidu是如何AJAX跨域的

最近做个人网站遇到AJAX跨子域名的问题。
偶尔看到baidu的通行证处理都是在二级域名passport.baidu.com中处理的,
但是baidu很多地方登录都好像是用ajax处理的,他是怎么做的呢?研究了一下,发现一个小技巧。
不防让大家也借鉴一下。
在http://zhidao.baidu.com/ 未登录用户回答问题时会用iframe调用http://zhidao.bai ......

AjaX 二级联动

JSP:
课程名称:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/options.js"></script>
 <html:select property="icourseId" onchange="change(this)" style="width:180px;">
      <html:opt ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号