Ajax介绍

1.与服务器进行数据交换:通过 Ajax 可以给服务器发送请求,并获取服务器响应的数据。
2.异步交互:可以在 不重新加载整个页面 的情况下,与服务器交换数据并 更新部分网页 的技术,如: 搜索联想、用户名是否可用的校验等等。
我们详细的解释一下 Ajax 技术的 2 个作用:
1.与服务器进行数据交互:
如下图所示前端资源被浏览器解析,但是前端页面上缺少数据,前端可以通过 Ajax 技术,向后台
服务器发起请求,后台服务器接受到前端的请求,从数据库中获取前端需要的资源,然后响应给前
端,前端在通过我们学习的 vue 技术,可以将数据展示到页面上,这样用户就能看到完整的页面
了。此处可以对比 JavaSE 中的网络编程技术来理解。
2.异步交互:

可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页的技术。如下图所示,当我们再百度搜索java时,下面的联想数据是通过Ajax请求从后台服务器得到的, 在整个过程中,我们的Ajax请求不会导致整个百度页面的重新加载,并且只针对搜索栏这局部模 块的数据进行了数据的更新,不会对整个页面的其他地方进行数据的更新,这样就大大提升了页面 的加载速度,用户体验高。

Axios 的基本使用:

相关推荐
Kika写代码42 分钟前
【微信小程序】4|搜索框-历史搜索 | 我的咖啡店-综合实训
前端·微信小程序·小程序·notepad++
egekm_sefg2 小时前
一个基于Rust适用于 Web、桌面、移动设备等的全栈应用程序框架
开发语言·前端·rust
冴羽2 小时前
Solid.js 最新官方文档翻译(13)—— Context(上下文)
前端·javascript·react.js
ObjectX前端实验室2 小时前
交互式md文档渲染实现
前端·github·markdown
小怪瘦793 小时前
JS实现Table表格数据跑马灯效果
开发语言·javascript·信息可视化
励志成为大佬的小杨3 小时前
c语言中的枚举类型
java·c语言·前端
罗_三金3 小时前
微信小程序打印生产环境日志
javascript·微信小程序·小程序·bug
shuishen494 小时前
Web Bluetooth API 开发记录
javascript·web·js
前端熊猫4 小时前
Element Plus 日期时间选择器大于当天时间置灰
前端·javascript·vue.js
傻小胖4 小时前
React 组件通信完整指南 以及 自定义事件发布订阅系统
前端·javascript·react.js