AJAX简介

AJAX是什么?

AJAX = Asynchronous JavaScript And XML(异步的JavaScript和XML)

简单来说,AJAX是一种网页技术,让网页能够在不刷新整个页面的情况下,与服务器进行数据交换。

AJAX的两个主要作用:

1. 与服务器进行数据交换

  • 通过AJAX可以给服务器发送请求,并获取服务器响应的数据
  • 使用了AJAX和服务器进行通信,就可以使用HTML+AJAX来替换JSP页面了

2. 异步交互

  • 可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页的技术
  • 常见应用:搜索联想、用户名是否可用校验等

举个生活中的例子:

传统方式(没有AJAX):

  • 你在百度搜索"苹果"
  • 点击搜索后,整个页面刷新
  • 等待新页面加载完成才能看到结果

使用AJAX:

  • 你在搜索框输入"苹果"
  • 输入过程中,搜索框下方自动显示"苹果手机"、"苹果电脑"等联想词
  • 页面没有刷新,只是局部更新了联想词部分

为什么叫"异步"?

  • 同步:用户必须等待服务器响应,期间页面卡住
  • 异步:用户发送请求后,可以继续做其他事情,服务器响应后自动更新页面

这就是AJAX的核心价值:提升用户体验,让网页更流畅!

相关推荐
小白学大数据1 天前
Python 自动化爬取网易云音乐歌手歌词实战教程
爬虫·python·okhttp·自动化
前端百草阁3 天前
【吃透 Promise】从基础到面试高频(手写 + 输出题 + 原理)
okhttp·面试·职场和发展
ppandss14 天前
JavaWeb从0到1-DAY4-AJAX
前端·ajax·okhttp
4311媒体网8 天前
织梦CMS点击率统计实现方法
okhttp
帅次9 天前
链路到端上:HTTPS 之后安全题还在考什么
android·okhttp·glide·zygote·retrofit
djk888810 天前
layui zTree 控件 AJAX绑定 点击tree事件 获取tree值
ajax·okhttp·layui
明天就是Friday12 天前
Android实战项目④ OkHttp WebSocket开发即时通讯App 完整源码详解
android·websocket·okhttp
xiangxiongfly91512 天前
Android 使用WebSocket通信
android·websocket·网络协议·okhttp
研☆香13 天前
聊聊什么是AJAX
前端·ajax·okhttp
sunwenjian88615 天前
跨域问题解释及前后端解决方案(SpringBoot)
spring boot·后端·okhttp