本文详细介绍了Ajax技术如何实现实时数据交互，包括与服务器通信获取数据并更新页面，以及异步操作以避免页面重载，重点提到了Axios的基本使用。通过与JavaSE网络编程对比，突出了Ajax在提升页面性能方面的优势。
1.与服务器进行数据交换：通过Ajax可以给服务器发送请求，并获取服务器响应的数据。
2.异步交互：可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术，如： 搜索联想、用户名是否可用的校验等等。
我们详细的解释一下Ajax技术的2个作用:
1.与服务器进行数据交互:
如下图所示前端资源被浏览器解析，但是前端页面上缺少数据，前端可以通过Ajax技术，向后台
服务器发起请求，后台服务器接受到前端的请求，从数据库中获取前端需要的资源，然后响应给前
端，前端在通过我们学习的vue技术，可以将数据展示到页面上，这样用户就能看到完整的页面
了。此处可以对比JavaSE中的网络编程技术来理解。
2.异步交互：
可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术。如下图所示，当我们再百度搜索java时，下面的联想数据是通过Ajax请求从后台服务器得到的， 在整个过程中，我们的Ajax请求不会导致整个百度页面的重新加载，并且只针对搜索栏这局部模 块的数据进行了数据的更新，不会对整个页面的其他地方进行数据的更新，这样就大大提升了页面 的加载速度，用户体验高。
Axios的基本使用:
扫一扫
1403
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
