1.客户端与服务器
1.1 客户端
上网过程中，负责获取和消费资源的电脑，叫做客户端。
1.2 服务器
上网过程中，负责存放和对外提供资源的电脑，叫做服务器。
2.URL地址
21.URL地址的概念
URL（全称是UniformResourceLocator）中文叫统一资源定位符，用于标识互联网上每个资源的唯一存放位置。浏览器只有通过URL地址，才能正确定位资源的存放位置，从而成功访问到对应的资源。
2.2 URL地址的组成部分
URL地址一般由三部分组成：
① 客户端与服务器之间的通信协议
② 存有该资源的服务器名称
③ 资源在服务器上具体的存放位置
3.客户端与服务器的通信过程
① 打开浏览器，输入要访问的网站地址（URL地址），回车，即向服务器发起了资源请求；
② 服务器接收到客户端发来的资源请求；
③ 服务器在内部处理这次请求，找到相关的资源；
④ 服务器把找到的资源，响应(发送)给客户端。
注意：①客户端与服务器之间的通信过程，分为 请求 – 处理 – 响应 三个步骤。
②网页中的每一个资源，都是通过 请求 – 处理 – 响应 的方式从服务器获取回来的。
4. 初识Ajax
4.1 网页中如何请求数据
数据，也是服务器对外提供的一种资源。只要是资源，必然要通过 请求 – 处理 – 响应 的方式进行获取。
如果要在网页中请求服务器上的数据资源，则需要用到 XMLHttpRequest 对象。
XMLHttpRequest（简称 xhr）是浏览器提供的 js 成员，通过它，可以请求服务器上的数据资源。
4.2 什么是Ajax
Ajax 的全称是 Asynchronous Javascript And XML（异步 的JavaScript 和 XML）。
通俗的理解：在网页中利用 XMLHttpRequest 对象和服务器进行数据交互的方式，就是Ajax。
通过Ajax可以在浏览器中向服务器发送异步请求，最大的优势：无刷新获取数据。
Ajax不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。
4.3 为什么要学Ajax
之前所学的技术，只能把网页做的更美观漂亮，或添加一些动画效果，但是，Ajax能让我们轻松实现网页与服务器之间的数据交互。
① HTML是网页的骨架；
② CSS是网页的颜值；
③ Javascript是网页的行为；
④ 数据，则是网页的灵魂。
4.4 Ajax的典型应用场景
① 用户名检测：注册用户时，通过 ajax 的形式，动态检测用户名是否被占用；
② 搜索提示：当输入搜索关键字时，通过 ajax 的形式，动态加载搜索提示列表；
③ 数据分页显示：当点击页码值的时候，通过 ajax 的形式，根据页码值动态刷新表格的数据；
④ 数据的增删改查：数据的添加、删除、修改、查询操作，都需要通过 ajax 的形式，来实现数据的交互。
4.5 XML简介
XML可扩展标记语言，虽然XML和HTML都是标记语言，但是二者之间没有任何关系，XML是用来传输和存储数据，HTML则是用来在网页中呈现数据。
XML和HTML使用类似，不同的是HTML中都是预定义标签，而XML中没有预定义标签，全都是自定义标签，用来表示一些数据。
由于XML的阅读性较差，现在已经被JSON取代了。
4.6 Ajax的特点
（1）Ajax的优点
① 可以无需刷新页面而与服务器端进行通信；
② 允许你根据用户事件(比如点击、鼠标移入等)来更新部分页面内容；
（2）Ajax的缺点
① 没有浏览历史，不能回退；
② 存在跨域问题（同源）；
③ SEO不友好；