Ajax 原理
Ajax
主
要组成部分
Ajax
是
Asynchronous JavaScript and XML
(以
及
DHTML
等)的缩写。
Ajax
由
HTML
、
JavaScript™
技术、
DHTML
和
DOM
组成,这一杰出的方法可以将笨拙的
Web
界面转化成交互性的
Ajax
应用程序。
Ajax的核心是JavaScript对象 XmlHttpRequest。该对象在Internet Explorer
5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不
阻塞用户。
Ajax原理
Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页
面。这其中最关键的一步就是从服务器获得请求数据.
Ajax是做什么的?
目前,编写应用程序时有两种基本的选择:
桌面应用程序
Web 应用程序 两者是类似的,桌面应用程序通常以
CD
为介质(有时候可从网站下载)并完全安装到您的计算机上。桌
面应用程序可能使用互联网下载更新,但运行这些应用程序的代码在桌面计算机上。
Web
应用程序运行在某处的
Web
服务器上
------
毫不奇怪,要通过
Web
浏览器访问这种应用程序。
不
过,比这些应用程序的运行代码放在何处更重要的是,应用程序如何运转以及如何与其进行交互。桌面应用程序一般很快(就在您的计算机上运行,不用等待互联网
连接),具有漂亮的用户界面(通常和操作系统有关)和非凡的动态性。可以单击、选择、输入、打开菜单和子菜单、到处巡游,基本上不需要等待。
另一方面,
Web
应用程序是最新的潮流,它们提供了在桌面上不能实现的服务(比如
Amazon.com
和
eBay
)。但是,伴随着
Web
的强大而出现的是等待,等待服务器响应,等待屏幕刷新,等待请求返回和生成新的页面。
显然这样说过于简略了,但基本的概念就是如此。您可能已经猜到,
Ajax
尝试建立桌面应用程序的功能和交互性,与不断更新的
Web
应用程序之间的桥梁。可以使用像桌面应用程序中常见的动态用户界面和漂亮的控件,不过是在
Web
应用程序中。
Ajax
如何
将笨拙的
Web
界面转化成能迅速响应的
Ajax
应用程序
下面是
Ajax
应用程序所用到的基本技术:
HTML 用于建立 Web 表单并确定应用程序其他部分使用的字段。
JavaScript 代码是运行 Ajax 应用程序的核心代码,帮助改进与服务器应用程序的通信。
DHTML 或 Dynamic HTM
相关文档:
//初始化对象并发出XMLHttpRequest请求
xmlHttp= false;
if (window.XMLHttpRequest)
{ //Mozilla等其他浏览器
xmlHttp= new XMLHttpRequest();
if (xmlHttp.overrideMimeType)
{
& ......
jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。
废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到).
1. ......
function saveObj(){
var userName = document.getElementById("userName").value;
checkUserName(userName);
}
//使用ajax实现页面无刷新功能;
var xmlHttpRequest;
function createXMLHttpRequest(){
if(windo ......
其实ajax的东西不是很熟悉,而且对于javascript这样零碎的语言实在是很抗拒。于是过去一直都逃避它,迫于项目的压力,不得已惟有硬碰硬了。为了快速上手,之前做了几个小实验,代码实在太多了。幸好struts2提供了一些ajax的简易实现。
跟网上所有的教程一样,先从最简单的开始吧~
在头结点加上<s:head theme="ajax"/&g ......