【旧文】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的应用,这种情况将得到较大的改观。
Ø
相关文档:
1. Accordion
【功能概述】Accordion可以让你设计多个panel 并且一次只显示一个Panel .在页面上的显示效果就像是使用了多个CollapsiblePanels只不过每一次只展开其中一个 CollapsiblePanel.Accordion控件内部包含了若干个AccordionPane,每一个AccordionPane的 template里包括了对其Header和Content的定义。我们可以在后台 ......
var xmlhttp;
function verify()
{
//2.创建XmlHttpRequest对象
//这是XmlHttpRequest对象五步中使用最复杂的一步
//需要针对IE和其他类型的浏览器建立这个对象的不同方式写不同的代码
if(window.XMLHttpRequest)
{
......
Ajax调用远程服务器数据会出现拒绝访问的问题。这是因为基于安全的考虑,AJAX只能访问本域下的资源,而不能跨域访问。也就是说,domain1.com站点中的AJAX只能访问domain1.com站点下的资源,而不能跨域访问domain2.com站点中的资源,这就是AJAX跨域问题。
解决思路:页面在提交请求时 ......
http://ajaxcontroltoolkit.codeplex.com/releases/view/33804
1>安装Ajax ASPAJAXExtSetup.msi (在http://ajax.asp.net下载)
2>安装Ajax模板 ASPAJAXSamples.msi
3>下载 最新版本 ajaxcontroltoolkit
http://www.codeplex.com/Release/ProjectReleases.aspx?ProjectName=AtlasControlToolkit
......