文章目录
1.0 Ajax 概述
通过 Ajax 可以给服务器发送请求,并获取服务器响应的数据。异步交互是指,可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页的技术,如:用户名是否可用的校验等等。
简单来说,Ajax 的作用就是用来发送请求给服务器,得到响应后获取数据。
举个例子:
2.0 Axios 概述
Axios 是对原生的 Ajax 进行了封装,简化书写,快速开发。作用同样是给服务器发送请求,并获取服务器响应的数据。
引入 Axios 的 js 文件:
采取的是 CDN 的方式导入到 HTML 中。
语法结构:
使用 Axios 发送请求,并获取响应结果
举个例子:
3.0 综合案例
利用 Axios 向服务器发送请求,并返回服务器响应的结果,再交给 vue 对网页进行渲染。
模拟服务器中的数据:
代码如下: