Vue -- Ajax / axios
1. 概述
- Ajax即Asynchronous Javascript And XML（异步JavaScript和XML）
- 使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上，而不需要重载（刷新）整个页面，这使得程序能够更快地回应用户的操作
- 异步访问，局部刷新
2. 同步和异步
- 同步：简单来说就是按照顺序一个一个来，代码从上到下顺序执行。不会出现上面代码没有执行完就执行下面代码的情况。缺点是解析速度没有异步的快
- 异步：异步就是接到一个任务，就交给后台，再去接下一个任务，一直这样下去。谁的先读取完，就先执行谁。优点是解析速度快，缺点是没有顺序
3. 原理
- Ajax 是一种用于创建快速动态网页的技术。
- 通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
- 传统的网页（不使用 Ajax）如果需要更新内容，必需重载整个网页面。
- 步骤
- 1.用户发起Ajax请求, Ajax内部机制,将请求交给Ajax引擎处理.
- 2.Ajax引擎接收到用户的请求之后,重写发起一个新的请求.访问后端服务器.
- 3.当服务器端接收到了 Ajax请求之后,完成业务处理.之后将数据响应给Ajax引擎.
- 4.Ajax引擎通过事先约定好的 回调函数, 将服务器数据 交还给用户.
- 5.用户在请求的过程中,可以完成自己的任务.
- 注意事项：
- 多个Ajax的请求 ，不关注顺序
4. 测试（vue提供的Ajax）
- 导入
vue.js和axios.min.js<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>测试 vue提供的Ajax技术</title> <!-- 1.导入vue.js和axios.js --> <script src
最低0.47元/天 解锁文章
858
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
