Ajax介绍

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

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

Axios 的基本使用:

相关推荐
六月的可乐7 分钟前
【干货】小程序虚拟瀑布流探索小结
前端·react.js·小程序
techdashen14 分钟前
Rust 项目管理动态 — 2026 年 3 月
前端·人工智能·rust
Ajie'Blog16 分钟前
2026年AI安全与治理:从幻觉到系统性欺骗的攻防之战
javascript·人工智能·安全·rpc·json·rag
智码看视界1 小时前
老梁聊全栈系列:Vue3核心与组合式API深度解析
javascript·vue.js·ecmascript
想吃火锅10059 小时前
【leetcode】405.数字转换为十六进制数js
开发语言·javascript·ecmascript
原则猫11 小时前
HOOKS 背后机制
前端
码语智行11 小时前
首页导航跳转功能深度解析-系统内和系统外
前端
阿猫的故乡12 小时前
Vue过渡动画从入门到装X:淡入淡出、滑动、列表动画、第三方库全搞定
前端·javascript·vue.js
IManiy12 小时前
总结之Vibe Coding前端骨架
前端
小和尚敲木头12 小时前
vue3 vite动态拼接图片路径
javascript