使用AJAX ？那你必须了解它

AJAX是非常重要的，无论是前端还是后端，我们都需要熟练的掌握AJAX，AJAX是客户端与服务器之间在不断刷新网页的情况下进行数据的交互。

我们先来了解一下客户端与服务器以及它们之间的数据是怎么传递的，然后我们再来探讨一下AJAX到底是什么

目录

一.客户端与服务器

二.URL地址

三.网页中如何请求数据

四.资源的请求方式 

 五.初识AJAX

---

一.客户端与服务器

在我们上网的过程中，负责存放和对外展示，提供资源的电脑就是服务器

在我们上网的过程中，负责获取或者消费资源的电脑就是客户端

---

二.URL地址

URL地址也叫统一资源定位符

URL是什么样子的呢？以我的url博客地址为例：

https://blog.csdn.net/weixin_63836026https://blog.csdn.net/weixin_63836026

这就是 url地址

它由三部分组成：

客户端与服务器之间的通信协议

存有该资源的服务器名称

资源在服务器上具体的存放位置

我们看一张图，来分析一下这三部分都分别对应哪个位置：

图片做的有些不尽人意哈，我们不要在意这些细节

第一段蓝色的就是通信协议

第二段黄色的就是服务器名称

第三段粉色的就是资源在服务器上具体的存放位置

---

三.网页中如何请求数据

如果我们需要在网页中请求服务器上的数据资源，则需要用到浏览器提供的js成员XMLHttpRequest对象（xhr），我们喜欢叫他小黄人【狗头】

var xhrOBJ = new  XMLHttpRequest();

---

四.资源的请求方式 

客户端请求服务器时，请求的方式有很多种，最常见的就是GET/POST请求了，我们在讲述到时再做详细的刨析，这里只作一个简单的介绍

*get请求：请求通常用于获取服务端的资源，通俗的说，就是和对应的服务端要资源

*post请求：请求通常用于向服务端提交资源/数据，通俗的说，就是给对应的服务端发送资源数据

---

 五.初识AJAX

（Asynchronous JavaScript And XML）=> 异步JavaScript和XML）

在网页中利用XMLHttpRequest对象和服务器进行数据交互的方式，就是AJAX，使我们轻松的实现网络与服务器之间的数据交互，是一种创建快速动态网页的技术，通过在后台与服务器进行少量的数据交换，AJAX可以实现网页异步更新，意思就是：可以在不刷新（重新加载）页面的情况下，对网络的某部分进行更新

我们之后一定会大量的应用，所以我们来讲述一下它的优点：

1.不重新加载页面也可以得到动态的数据（投票，地图等）

2.对数据库的操作

3.部分刷新页面

4.返回类型很多：例如：字符串类型，JSON类型，XML类型，HTML类型

我们来大体了解一下它的工作流程：

发送接口请求 => 解析内容 => 渲染网页

 

学习前端，关注小蜗