首页 > 编程笔记 > Web笔记 > jQuery Ajax请求 阅读:1,764

Ajax搭建服务器环境

由于 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 的使用,还有以下几点需要强调:

关注微信公众号「站长严长生」,在手机上阅读所有教程,随时随地都能学习。本公众号由C语言中文网站长运营,每日更新,坚持原创,敢说真话,凡事有态度。

魏雪原二维码
微信扫描二维码关注公众号

优秀文章