Ajax学习笔记(一)
对与任意一门语言的学习,我们大都是从基础开始,而对于Ajax的学习我们大可不必,因为它本身就不是一门新的语言,Ajax=Asynchronous javascript and xml。肤浅的说,它就是基本语言混合应用的结果,正由于这种混合不是随心所欲,任意勾兑的,才 有了成系统,成规范的Ajax。
为此,我们一开始就从一个简单的Ajax应用开始,了解各种技术的作用,以及它们之间巧妙的衔接作用:
Ajax带给我们的:
通过 Ajax,您的 JavaScript 可使用 JavaScript 的 XMLHttpRequest 对象来直接与服务器进行通信。通过这个对象,您的 javascript 可在不重载页面的情况与 Web 服务器交换数据
Ajax在浏览器与 Web 服务器之间使用异步数据传输(HTTP 请求),这样就可使网页从服务器请求少量的信息,而不是整个页面。
Ajax可使因特网应用程序更小、更快,更友好。
Ajax是一种独立于 Web 服务器软件的浏览器技术。
了解Ajax的核心对象XMLHttpRequest:
我们有必要了解一下XMLHttpRequest对象的三个重要属性。
1.onreadystatechange属性
onreadystatechange属性存有处理服务器响应的函数
e.g:xmlHttp.onreadystatechange=function(){ 写上我们需要它做的事 }
2.readyState属性
readyState属性存有服务器响应的状态信息。每当readyState改变时,onreadystatechange函数就会被执行。
状态0:请求未初始化(在调用open()之前)
1:请求已提出(调用send()之前)
2:请求已发送(可以从响应得到内容头部)
3:请求处理中(响应中通常有部分数据可用,但服务器还没有完成响应)
4:请求已完成(可以访问服务器并使用它)
3.responseText属性
可以通过responseText属性来取回由服务器返回的数据e.g:xmlHttp.responseText
Ajax简单示例:
test.html文件如下:
<html>
<head>
<script type="text/javascript">
//不同的浏览器创建XMLHttpRequest对象的方法
func
相关文档:
Ajax 给 XMLHttpReq.onreadystatechange传递参数
通过:
xmlhttp.onreadystatechange= function(){xx(123)};
or
xmlhttp.onreadystatechange= new Function("xx(123)");
就可以了。
m=document.getElementsByName("text8");
v=m[i];
XMLHttpReq.onreadystatechange=function(){proce(v)};
---------------------- ......
2006 年 11 月 09 日
服务器端 Web 应用程序因采用富应用程序模型和交付个性化内容而具备了融入式(immersive) 的特点,这种特点越突出,应用程序架构对 Web 架构风格 REST(Representational State Transfer)的违背就越多。这种违背会降低应用程序的可伸缩性,增加系统复杂性。通过与 REST 相互协调,Ajax 架构将使融入 ......
1、创建
XMLHttpRequest
对象的一个实例
var xmlHttp;
function createXMLHttpRequest() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if ( ......
XMLHttpRequest对象是Ajax的核心,它有许多属性,方法和事件以便于脚本的处理和控制HTTP的请求与响应
下面是关于XMLHttpRequest对象的一些属性和方法介绍
1.readyState属性
当XMLHttpRequest对象被创建后,readyState属性标识了当前对象所处的状态,具体的值代表意义如下:
0 未初始化状态, ......
以下代码请在Firefox 3.5、Chrome 3.0、Safari 4之后的版本中进行测试。IE8的实现方法与其他浏览不同。
跨域请求,顾名思义,就是一个站点中的资源去访问另外一个不同域名站点上的资源。这种情况很常见,比如说通过 style. 标签加载外部样式表文件、通过 img 标签加载外部图片、通过 script. 标签加载外部脚本文件、通过 W ......