AJax学习

ajax

1一些概念:

DHTML,XML,XML衍生语言(XUL,XAML,XAMJ.MXML),Javascript,CSS,XMLHttpRequest,DOM,JSON

AJax 的应用:google maps,google mail,google suggest,amazon的搜索工具,

2AJax的第一篇文章:

Jesse James Garrett of Adaptive Path:AJax:A new approach to web applications

http://adaptivepath.com/publications/essays/archives/000385.php

http://www.javalobby.org/articles/ajax/

3一些关键理念

以前的web是基于请求/响应模式的,对于每个请求都会重新加载整个页面,原来的页面被放到浏览器的历史栈中。

AJax使这种模式发生改变,这是AJax的核心所在。

AJax可以自由地与服务器进行异步的交互。虽然以前也能异步交互,但是称不上自由。

AJax最初是Asynchronous Javascript + XML,现在这个词被扩展了:所有允许浏览器与服务器通信而无需刷新当前页面的技术。

4AJax的典型使用(用javascript实现):

a。新建XHR对象

function createXMLHttpRequest()

{

if (window.ActiveXObject)//IE

{

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

}

else if (window.XMLHttpRequestI)

{

xmlHttp = new XMLHttpRequest();

}

}

b。指定XHR.onreadystatechange对应的函数,onreadystatechange其实是一个事件处理器,在XHR状态变化时被调用。通常用来捕捉请求,响应的状态。

通常在一个函数中做出定义,该函数在向服务器请求服务时被调用。

同时指定请求的方法,及请求资源的URL等

function startRequest()

{

createXMLHttpRequest();

xmlHttp.onreadystatechange= handleStateChange;

xmlHttp.open("GET","innerHTML.xml",true);

xmlHttp.send(null);//.发出请求

}

c。定义onreadystatechange对应的处理函数。

function handleStateChange()

{

...

}

d。在html中相应的位置,指定对服务器的请求。

<input type="button" />

5DOM的使用

服务器对请求的响应,可能以文本的方式,或xml的方式,发送回来。

在handleStateChange()中分别用xmlHttp.responseText,xmlHttp.responseXML来捕捉。

后者返回一个DOM对象。

DOM是与平台和语言无关的接口,允许程序和脚本动态地访问和更新文档的内容、结构、样式。文档可以进一步处理,处理结果可以放回到所提供的页面中。

DOM面向的文档是html,xml。

javascript中将web页面视为一系列元素按一定结构构成的,可以用一个DOM来访问。

6发送请求参数

上面的例子中,send(null)这个发送请求的函数没有参数,

现在要发送请求参数。另外,请求发送有两种方式,get,post。

不改变数据模型状态,用get,否则用post。

两者第二个区别:get将请求以字符串的形式附在URL中发送,

post将请求以请求体的方式发送。

请求参数:content

send(content),content可以是DOM,输入流,串,xml等。

xml可以发送复杂的参数,但是xml本身比较复杂,有一个解决方案用JSON来发送参数。JSON是一种轻量级数据交换方式,是文本方式的,提供了多种语言的支持。如java,javascript,详见www.json.org

时间: 2024-10-03 16:55:13

AJax学习的相关文章

ajax学习的一点小问题

问题描述 ajax学习的一点小问题 在xml文件里我编辑了不少CD便签,如下 <?xml version="1.0" encoding="ISO-8859-1"?> <!-- Edited with XML Spy v2007 (http://www.altova.com) --> <CATALOG> <CD> <TITLE>Empire Burlesque</TITLE> <ARTIST

Ajax学习笔记---3种Ajax的实现方法【推荐】_AJAX相关

Ajax:  Asynchronous JavaScript and Xml , 异步js脚本和xml , 常用来实现页面局部的异步刷新, 对提高用户体验有很大帮助. Xml在多语言时较有优势, 但Ajax技术实际上较多采用Json对象而不是Xml来处理数据. (一) Ajax历史....了解性知识 Ajax归属于Web前端开发技术, 与javascript有着异常紧密的联系. Ajax就是一种实现异步通信无刷新的技术, 而这种技术可以有很多种实现方式. 浏览器的鼻祖网景(NetScape)公司

Ajax学习笔记整理_AJAX相关

Ajax: Asynchronous JavaScript and Xml , 异步js脚本和xml , 常用来实现页面局部的异步刷新, 对提高用户体验有很大帮助. Xml在多语言时较有优势, 但Ajax技术实际上较多采用Json对象而不是Xml来处理数据. Ajax历史....了解性知识 Ajax归属于Web前端开发技术, 与javascript有着异常紧密的联系. Ajax就是一种实现异步通信无刷新的技术, 而这种技术可以有很多种实现方式. 浏览器的鼻祖网景(NetScape)公司最早发明了

Ajax学习全套(最全最经典)_AJAX相关

ajax简介 AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术.Ajax不是一种新的编程语言,而是使用现有标准的新方法.AJAX可以在不重新加载整个页面的情况下,与服务器交换数据.这种异步交互的方式,使用户单击后,不必刷新页面也能获取新数据.使用Ajax,用户可以创建接近本地桌面应用的直接.高可用.更丰富.更动态的Web用户界面. Ajax包括:  •XHTML和CSS •使用文档

jquery中ajax学习笔记3_jquery

摘要: ajax学习1中介绍了使用jquery封装的ajax来接收服务器端的文本数据以及使用XMLHttpReques对象来接收服务器端的文本数据 ajax学习2中介绍了使用XMLHttpReques来接收服务器的端XML数据,本节主要介绍使用jqery封装的ajax使用XML格式接收服务器端的数据. 由于很多知识都已经做了详细介绍,本节只介绍需要修改的代码,使用jqery封装的ajax使用XML格式接收服务器端的数据,web.xml.后台的servet都不用改, 只是ajax.html中调用的

jquery ajax学习笔记2 使用XMLHttpRequest对象的responseXML_jquery

摘要:本节补充ajax学习笔记1中 第二种方式:使用XMLHttpRequest对象的responseXML的方式来接受XML数据对象的DOM对象 在ajax学习笔记1中已经对准备工作和需要用到的知识做了比较详细的介绍,本节主要介绍需要修改的代码以及新增的代码 .新增一个servlet类 AJAXXMLServer.java 复制代码 代码如下: import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServle

Ajax学习笔记---3种Ajax的实现方法【推荐】

Ajax:  Asynchronous JavaScript and Xml , 异步js脚本和xml , 常用来实现页面局部的异步刷新, 对提高用户体验有很大帮助. Xml在多语言时较有优势, 但Ajax技术实际上较多采用Json对象而不是Xml来处理数据. (一) Ajax历史....了解性知识 Ajax归属于Web前端开发技术, 与javascript有着异常紧密的联系. Ajax就是一种实现异步通信无刷新的技术, 而这种技术可以有很多种实现方式. 浏览器的鼻祖网景(NetScape)公司

Ajax学习全套(最全最经典)

ajax简介 AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术.Ajax不是一种新的编程语言,而是使用现有标准的新方法.AJAX可以在不重新加载整个页面的情况下,与服务器交换数据.这种异步交互的方式,使用户单击后,不必刷新页面也能获取新数据.使用Ajax,用户可以创建接近本地桌面应用的直接.高可用.更丰富.更动态的Web用户界面. Ajax包括: •XHTML和CSS •使用文档对

克服对Ajax学习应用的阻碍

ajax 未来的Web services和面向服务的架构(SOA)可能就在于Ajax.Ajax是一种用于创建丰富的.基于Web应用的编程技术,它看起来和桌面软件差不多,但却基于浏览器,而且消耗资源不多.    Ajax在最近几个月里被大肆宣传,很大程度上是因为由Google开发的那一些高可见性的Ajax应用.    尽管如此,今天的Ajax还没有被广泛用于Web services和SOA.虽然它有很多好处,但仅仅被开发人员知晓却并没有深入运作企业业务的人们的思想里.而他们经常是对研发的经费和进展

[四天学会ajax] 学习Ajax教程第四天,利用 DOM 进行 Web 响应

ajax|dom|web|教程|响应 在 HTML 的外部文件中一样,标记的组织与其样式.格式和行为是分离的.虽然您肯定可以用 JavaScript 更改元素或文本的样式,但实际更改您的标记所布置的组织却更加有趣. 只要牢记您的标记只为您的页面提供组织.框架,您就能立于不败之地.再前进一小步,您就会明白浏览器是如何接受所有的文本组织并将其转变为超级有趣的一些东西的,即一组对象,其中每个对象都可被更改.添加或删除. 文本标记的优点 在讨论 Web 浏览器之前,值得考虑一下为什么纯文本绝对 是存储