AJAX简介

AJAX是什么?

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

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

AJAX的两个主要作用:

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

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

2. 异步交互

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

举个生活中的例子:

传统方式(没有AJAX):

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

使用AJAX:

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

为什么叫"异步"?

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

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

相关推荐
bug-0072 天前
关于前后端自动携带cookie跨域问题
okhttp
weixin_440784114 天前
Java线程池工作原理浅析
android·java·开发语言·okhttp·android studio·android runtime
weixin_440784114 天前
OkHttp使用指南
android·java·okhttp
闻哥4 天前
从 AJAX 到浏览器渲染:前端底层原理与性能指标全解析
java·前端·spring boot·ajax·okhttp·面试
猿小羽6 天前
OkHttp vs Retrofit 技术分析报告 - 1769404939594
http·okhttp·retrofit·csdn
AylKfTscDFw6 天前
EtherCAT总线轴控制,大型非标组装检测设备成熟设备程序,注释非常详细,组合应用日本进口机...
okhttp
龙信科技10 天前
【国内电子数据取证厂商龙信科技】Charles的简单介绍及基本配置
科技·okhttp
Filotimo_10 天前
那在HTML中,action是什么
前端·okhttp·html
灵感菇_11 天前
Android OkHttp框架全解析
android·java·okhttp·网络编程
HIT_Weston13 天前
104、【Ubuntu】【Hugo】搭建私人博客:搜索功能(AJAX请求)
ubuntu·ajax·okhttp