1.ajax基础

1.1传统网站中存在的问题

• 网速慢的情况下，页面加载时间长，用户只能等待
• 表单提交后，如果一项内容不合格，需要重新填写所有表单内容
• 页面跳转，重新加载页面，造成资源浪费，增加用户等待时间

案例

补充：php 文件的运行方式
除了可以启动 apache服务外，还可以使用 PHP 内置的 web 服务器
启动方法如下
在 vs code 中，启动终端(ctrl+`)，输入如下命令

php -S localhost:3000

然后在地址栏中输入如下地址，即可启动

http://localhost:3000/01-validate.php

如果启动报错，可能是没有配置php环境变量所致
配置步骤如下
右键“我的电脑”，选择“属性“，选择”高级系统设置“，选择”环境变量“，选择系统变量中的 “path”，然后点击“编辑”，点击新建，将php.exe 所在目录添加进去，然后一路确定

1.2Ajax概述

Ajax：标准读音 [ˈeɪˌdʒæks] ，中文音译：阿贾克斯
它是浏览器提供的一套方法，可以实现页面无刷新更新数据，提高用户浏览网站应用的体验。
最早将ajax技术广泛应用的是 google，google 最早将 ajax 技术应用到了邮箱服务 gmail，后来又应用到 google 地图

1.3 Ajax 的应用场景

• 页面上拉加载更多数据
• 列表数据无刷新分页
• 表单项离开焦点数据验证
• 搜索框提示文字下拉列表

1.4Ajax 的运行环境

Ajax 技术需要运行在网站环境中才能生效，当前课程会使用 PHP 创建的服务器作为网站服务器。