本地测试AJAX请求

要在本地测试AJAX，首先是环境的搭建，因为XHR对象的open方法中参数url是指文件在服务器上的文件。下面以WampServer为例。

1. 下载wamp的安装包，下载地址为：http://221.181.72.84/softdl.360tpcdn.com/WampServer/WampServer_2.5.exe

2.安装wamp。按照步骤安装即可。

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

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

接下来以W3C的几个完整的测试代码为例。

测试实例1：

ajax.html代码为：

请在下面的输入框中键入字母（A - Z）：
 
姓氏：

建议：
 

gethint.php代码为：

 0)
  {
  $hint="";
  for($i=0; $i

最后把HTML文件和php文件保存在wamp安装目录下www文件夹下相同的目录下（我的是php文件夹）:

 

 然后通过本地服务器打开html文件（比如我的是http://localhost/my/php/ajax.html）:

测试实例2：

xml.html代码：

获得 CD 信息

　cd_catalog.xml代码为：

Bob Dylan
USA
Columbia
10.90
1985



Bonnie Tyler
UK
CBS Records
9.90
1988



Dolly Parton
USA
RCA
9.90
1982



Gary Moore
UK
Virgin records
10.20
1990



Eros Ramazzotti
EU
BMG
9.90
1997



Bee Gees
UK
Polydor
10.90
1998



Dr.Hook
UK
CBS
8.10
1973



Rod Stewart
UK
Pickwick
8.50
1990



Andrea Bocelli
EU
Polydor
10.80
1996



Percy Sledge
USA
Atlantic
8.70
1987



Savage Rose
EU
Mega
10.90
1995



Many
USA
Grammy
10.20
1999



Kenny Rogers
UK
Mucik Master
8.70
1995



Will Smith
USA
Columbia
9.90
1997



Van Morrison
UK
Polydor
8.20
1971



Cat Stevens
UK
Island
8.90
1990



Sam Brown
UK
A and M
8.90
1988



T'Pau
UK
Siren
7.90
1987



Tina Turner
UK
Capitol
8.90
1983



Kim Larsen
EU
Medley
7.80
1983



Luciano Pavarotti
UK
DECCA
9.90
1991



Otis Redding
USA
Atlantic
7.90
1987



Simply Red
EU
Elektra
7.20
1985



The Communards
UK
London
7.80
1987



Joe Cocker
USA
EMI
8.20
1987

　运行结果：

 

 

以上。