Ajax学习(一)——与Ajax的初次相识

    AJAX是“Asynchronous Javascript And XML”的缩写,从字面上解释是"异步JavaScript和XML"的简称。

它不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。它也不是一项单一的技术,而是多个技术的集合。Ajax不只包含 JavaScript 和XML, 还包含HTML、XHTML、DOM、CSS、XSTL、XMLHttpRequest等技术。

在Ajax出现之前,早就使用HTML来制作网页。随着网络的发展,HTML显露出了其局限性,于是又出现了XHML和CSS。当中,XHML用于格式化数据,CSS用于创建精美的网页风格。在静态网页不能满足用户的交互需求之后,出现了JavaScript和DOM。

JavaScript用于处理数据,DOM用于实现用户的动态交互和显示。

XML和XSTL用于进行数据的交换和处理,XMLHttpRequest则用于异步读取数据。在Ajax出现之前,这些技术差点儿都是单独使用。直到Ajax出现之后。这些技术才得到了更广泛的应用。

    传统的Web处理技术中,以注冊用户信息为例,将填写完的注冊信息提交到server上。须要等待server返回处理结果。假设注冊信息须要改动,还要等待server的反馈。假设注冊信息全然有效,也要等待server的反馈结果。再比方说打开淘宝的首页,有一个用户登录的区域。登录以后。会显示自己的username。

在未使用Ajax的情况下,输入username和password后提交整个网页信息,须要又一次载入整个网页中的全部数据,这无疑会加重server的负担,同一时候也占用了很多其它的网络资源和等待时间。

当使用了异步处理技术后,能够在不又一次载入整个网页的情况下,仅仅载入登录区域的数据,实现对网页的局部更新。使用百度、谷歌等搜索引擎时。我们还没输完问题。以下就会列出相关的备选项,这就是Ajax技术的运用,默默地全心全意为用户服务。

    Ajax将多种技术团结在一起,当中XMLHttpRequest主要作用是异步处理,能够选择性提交实用的数据,从而减轻server的负担和网络带宽的压力。进而提高响应速度。

DOM技术实现网页的局部更新。CSS技术带来更好的用户体验;XML和XSTL技术用于调用外部数据,能够使页面显示和数据分离。让网页更标准化。当然Ajax也有缺点,它须要浏览器中的Ajax引擎支持,所以要考虑浏览器的兼容性。有一些老版本号的浏览器不支持Ajax,不同的浏览器对Ajax的支持也不同。局部更新是Ajax的一大特点,可是浏览器并不支持局部更新的后退功能。

    啰嗦了这么多,事实上就是要对Ajax有一个宏观的认识和了解。接下来我们通过一个简单的实例,从理论步入实践。

时间: 2024-10-13 23:11:29

Ajax学习(一)——与Ajax的初次相识的相关文章

jQuery中的Ajax学习笔记

前段时间学习了<锋利的jQuery第六章>jQuery与Ajax应用,现做如下笔记: 我们先来了解一下,什么是Ajax呢?Ajax全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),它并不是指一种单一的技术,而是有机地利用了一系列交互式网页应用相关的技术所形成的结合体.简短地说,在不重载整个页面的情况下,Ajax通过后台加载数据,并在网页上进行显示. 我们来简要回顾一下Ajax.早在1998年,微软就引入了一个ActiveX控件,从而能

Javascript,jQuery,ajax学习笔记。持续更新中。[荐]

欢迎大家关注我的博客,我的博客是在平常学习看书中和总结而撰写的,欢迎大家和我交流,不足之处还很多,希望大家和我交流. 一:javascript基础系列(已完结) 二:javascript基础系列之DOM(已完结) 三:jQuery系列文章(未完结) 四:AJAX(未完结) 五:JavaScript权威指南第6版中文版   一:javascript基础系列: Javascript基础系列之(一)JavaScript语法 Javascript基础系列之(二)变量 Javascript基础系列之(三)

[ajax 学习笔记] json数据格式

之前写过ajax传送数据可以用普通文本和XML两种格式.这里记一下json数据格式. json:javascript object notation. 之前分析过,用文本和XML传送数据各有优劣.而json可以轻松地将javascript对象转换成可以随时发送的数据. 一个json数据例子: var people = { "programmers": [ { "firstName": "Brett", "lastName":&

AJAX学习整理二之简单实例

做了几个简单的实例,加载txt文本内容.加载xml文件内容,把xml文本内容转换成html表格显示.废话不多说,直接贴代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/html"> <head>     <title>通过ajax获取文本内容</title>     <meta charset="utf-8">     <scr

Ajax学习记录

Ajax 1:ajax是一种页面局部刷新的技术,不是整个页面刷新.这里就像论坛评论里面的刷新,只是局部的,不是页面全部提交到服务器. 2:页面不刷新,创建个WebClient,它和服务器进行交互.<XMLHttpRequest> 3:代码 Eg:这里就是向服务器发送请求,接受请求. <script type="text/javascript"> ????function btnClick() { ????????var xmlhttp = new ActiveX

Ajax学习教程在线阅读

  1.什么是AJAX ?(1) 2.什么是AJAX ?(2) 3.什么是AJAX ?(3) 4.什么是AJAX ?(4) 5.Ajax基础教程(1)-Ajax简介 1.1 Web应用简史 6.Ajax基础教程(1)-Ajax简介 1.2 浏览器历史 7.Ajax基础教程(1)-Ajax简介 1.3 Web应用的发展历程 8.Ajax基础教程(1)-Ajax简介 1.3 Web应用的发展历程(2) 9.Ajax基础教程(1)-Ajax简介 1.3 Web应用的发展历程(3) 10.Ajax基础教

Ajax 学习初步

Ajax学习 第一步.创建 XMLHTTPRequest 对象 为了应对所有的现代浏览器,包括 IE5 和 IE6,请检查浏览器是否支持 XMLHttpRequest 对象.如果支持,则创建 XMLHttpRequest 对象.如果不支持,则创建 ActiveXObject : var xmlhttp; if (window.XMLHttpRequest){ // code for IE7+, Firefox, Chrome, Opera,Safari xmlhttp=new XMLHttpRe

学习笔记:ajax使用规则讲解

ajax: 局部数据更新:1.ajax 由 html css Dhtml  js xml json dom 的一种结合. ajax 是一种技术,它是一种解决方案.  具有一些互动性的不需要页面刷新,减少用户的心理等待时间,并能够及时响应数据的一种解决方案2.ajax 的特点:    ajax 是基于标准的html css xml的构造    使用dom对象动态的显示和交互数据     它的数据交互格式 文本格式 xml  json    使用基于浏览器的xmlHTTPRquest 对象进行数据同

dwr实现ajax学习

前一段时间看了一点dwr实现ajax的介绍信息,一直想找个机会看看到底怎么用.今天起了个早,试了一下感觉还挺好用的. 下面是我的一点学习总结: 一.配置DWR(http://getahead.org/dwr/getstarted)1.将dwr.jar包放在web-info/lib目录下2.编辑web.xml文件,添加servlet <servlet>  <servlet-name>dwr-invoker</servlet-name>  <display-name&

从零开始学习jQuery (六) AJAX快餐

原文:从零开始学习jQuery (六) AJAX快餐 本系列文章导航 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 从零开始学习jQuery (五) 事件与事件对象 从零开始学习jQuery (六) jQuery中的Ajax 从零开始学习jQuery (七) jQuery动画-让页面动起来! 从零开始学习jQuery