您当前的位置:首页 > 计算机 > 编程开发 > Html+Div+Css(前端)

Ajax搭建服务器环境

时间:03-07来源:作者:点击数:

由于 Ajax 是需要借助服务器环境的,因此在讲解 Ajax 之前,我们先来介绍一下怎么搭建服务器环境。

想要搭建一个服务器环境,我们可以使用 WampServer 软件。对于 WampServer,大家搜索下载后安装即可。安装完成后,WampServer 会生成很多文件夹,其中有一个“www”文件夹,这个文件夹指的就是默认的网站根目录。也就是说,凡是网站的代码文件都必须放在这个“www”文件夹下,如图 1 所示。

软件目录
图 1:软件目录

打开 WampServer 并开启服务器后,我们在电脑桌面右下角可以找到 WampServer 的小图标,点击小图标,即可开启 WampServer 管理面板,如图 2 所示。

WampServer管理面板
图 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端口,进而导致开启服务器失败。
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门