Ajax简单使用例子

Ajax(Asynchronous Javascript+XML)是一种以异步方式从服务器获取数据的技术，用户单击了一个链接，不用重新载入整个页面，也能够获取新的数据。

创建XHR（XMLHttpRequest的简称）对象的时候，IE浏览器和非IE浏览器是不同的：

var xhr;

xhr = new ActiveXObject('Microsoft.XMLHTTP');   //IE浏览器

xhr = new XMLHttpRequest();     //非IE浏览器

open()函数

eg.

xhr.open("get","example.php",false);

第一个参数："get"、"post"等

第二个参数：URL，相对于当前页面或绝对路径

第三个参数：true/false，是否异步发送请求

send()函数

必须有一个参数，作为请求主体发送的数据，不需要通过请求主体发送数据必须传入null

XHR对象的属性

responseText：作为相应主体被返回的文本

responseXML：如果响应内容是"text/xml"或"application/xml"，这个属性中将保存包含着相应数据的XML文档，对于非XML数据，属性值为null

status：响应的HTTP状态

200-成功

304-请求的资源没有被修改，可以使用浏览器缓存的版本

statusText：HTTP的状态说明

readyState：请求/响应过程中的当前活动阶段

0-未初始化，尚未调用open()方法

1-启动。已调用open()方法，尚未调用send()方法

2-发送。已调用send()方法，还没收到响应

3-接收。已接收到部分响应数据

4-完成。已经全部接收

只要readyState属性值发生改变，都会触发一次readyStatechange事件，触发函数例子：

xhr.Onreadystatechange= function(){do something...};

abort()函数

接收到响应之前用于取消异步请求

下面的例子是跟着php100视频教程写的，这是个很好的学PHP的教程，视频可以到php100网站下载。

这里用了3个文件：index.html , ajax.js , for.php

点击index.html的链接，会触发ajax.js中的Fetch函数，然后ajax.js中的Fetch函数取到for.php中的数据之后，显示在index.html页面上。

index.html文件：