由于 Ajax 是需要借助服务器环境的，因此在讲解 Ajax 之前，我们先来介绍一下怎么搭建服务器环境。
图 1：软件目录
图 2：WampServer管理面板
图 3：页面效果
想要搭建一个服务器环境，我们可以使用 WampServer 软件。对于 WampServer，大家搜索下载后安装即可。安装完成后，WampServer 会生成很多文件夹，其中有一个“www”文件夹，这个文件夹指的就是默认的网站根目录。也就是说，凡是网站的代码文件都必须放在这个“www”文件夹下，如图 1 所示。
图 1：软件目录
打开 WampServer 并开启服务器后，我们在电脑桌面右下角可以找到 WampServer 的小图标，点击小图标，即可开启 WampServer 管理面板，如图 2 所示。
图 2：WampServer管理面板
下面我们举一个简单的例子，给大家说明一下怎么使用 WampServer 的服务器环境。
①新建文件：首先我们在“www”文件夹下新建一个“test”文件夹，并且在新建好的“test”文件夹下新建一个 test.html 文件，代码如下。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<h3>这是一个测试页面。</h3>
</body>
</html>
②开启服务器环境：打开 WampServer 软件，即可开启服务器环境。
③通过 localhost 地址访问：想要访问服务器环境下的网站页面，我们千万不要像平常那样双击 HTML 文件来打开，而是应该通过 localhost 地址来打开。例如，对于上面那个 test.html 文件，我们应该通过以下地址来访问。
localhost/test/test.html
预览效果如图 3 所示。
图 3：页面效果
对于 WampServer 的使用，还有以下几点需要强调：
- 对于网站的页面，我们一定不要双击打开，而是应该通过服务器地址（也就是 localhost 地址）去访问；
- 在打开 WampServer 之前，一定要把下载软件（如迅雷）和播放器软件（如迅雷看看）关闭，因为这些软件会占用 WampServer 的默认端口，即80端口，进而导致开启服务器失败。
原创文章，作者：奋斗，如若转载，请注明出处：https://blog.ytso.com/23904.html