要在本地测试AJAX，首先是环境的搭建，下面以wamp为例。

1、先在wamp的官网下载wamp的安装包，网址 http://www.wampserver.com/。

2、安装wamp。如果安装过程中提示丢失VCRUNTIME140.DLL缺失，请看这篇文章：http://www.jb51.net/article/81595.htm。

3、安装完wamp后，双击桌面上wamp的快捷方式启动wamp。

如果wamp正常启动，任务栏右下角有绿色的w图标，如图：

接下来是代码的编写。

在wamp安装目录下有一个www文件夹，用来测试的文件都保存在这个文件夹中。

下面是我的例子，效果图是这样的：

使用Ajax使当前价格隔一段时间自动更新一次，同时涨跌辐度也跟着更新。这个例子要创建两个页面，一个是前台的html页面，用来发送请求和显示服务器返回来的响应结果，一个是后台的php文件（我给这个文件命名price.php，代码中要用到），用来接收请求。

首先是html页面的html代码:

1  2  3  4 
      5 39 40 41   
     
      42     
      
*ST橡塑(600346)股票行情
43     
      
开盘价格：
44     
      
当前价格：
45     
      
涨跌辐度：
46     47   
     
48   51 52 

接下来是JavaScript代码：

1   

JavaScript高级程序设计第三版上说，用get方式发送请求时添加到url末尾的数据必须经过encodeURIComponent()方法编码。

关于服务器返回的数据格式主要有三种：

text格式（字符串），保存在XMLHttpRequest对象的responseText属性中

xml格式，保存在XMLHttpRequest对象的responseXML属性中

JSON格式，保存在XMLHttpRequest对象的responseText属性中

下面是服务器端price.php文件的代码：

1 
     

代码写完之后，把HTML文件和php文件保存在wamp安装目录下www文件夹下相同的目录下（我的是ajax文件夹），然后通过本地服务器打开html文件（比如我的是http://localhost/my/ajax/gujia.html/），每隔两秒钟就会看到数据的实时更新，而页面并没有刷新。

PS: 对于返回的xml格式的数据，可以通过操作DOM的方式获取想要的数据，与HTML的DOM规范基本相同。