AJAX简介

AJAX是什么?

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

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

AJAX的两个主要作用:

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

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

2. 异步交互

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

举个生活中的例子:

传统方式(没有AJAX):

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

使用AJAX:

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

为什么叫"异步"?

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

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

相关推荐
C182981825751 天前
HttpURLConnection 是 Apache HttpClient 和 OKHttp 底层吗
okhttp·apache
C182981825752 天前
restTemplate/Feign(Spring Cloud)或OKHttp Apache HttpClient 这几个关系与底层实现
spring cloud·okhttp·apache
码到成功>_<3 天前
使用OkHttp实现接口调用
okhttp
maycho1234 天前
裂隙瓦斯模型的Comsol模拟之旅
okhttp
chilavert31811 天前
技术演进中的开发沉思-235 Ajax:动态数据(上)
javascript·ajax·okhttp
灰什么鱼12 天前
OkHttp + Retrofit2 调用第三方接口完整教程(以nomad为例)
java·spring boot·okhttp·retrofit
苏打水com13 天前
第六篇:Day16-18 AJAX进阶+接口对接——实现“前后端数据交互”(对标职场“接口开发”核心需求)
css·okhttp·html·js
漏洞文库-Web安全13 天前
CTFHub XSS通关:XSS-过滤关键词 - 教程
前端·安全·web安全·okhttp·网络安全·ctf·xss
chilavert31814 天前
技术演进中的开发沉思-229 Ajax:Firefox 与 Firebug
javascript·okhttp
chilavert31815 天前
技术演进中的开发沉思-224 Ajax面向对象与框架
javascript·okhttp