Ajax学习

目录

一、是什么

二、jQuery.ajax

三、初实现

四、再实现

五、应用


一、是什么

AJAX:Asynchronous JavaScript and XML(异步的JavaScript和XML)

是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术

应用:

  • 注册时,输入用户名自动检测用户是否已经存在
  • 登录时,提示用户名密码错误

二、jQuery.ajax

Ajax的核心是XMLHttpRequest对象(XHR)

三、初实现

1、配置web.xml和springmvc的配置文件

2、编写一个AjaxController

3、 导入jquery

4、编写index.jsp

5、启动tomcat测试!打开浏览器的控制台,当我们鼠标离开输入框的时候,可以看到发出了一个ajax的请求!是后台返回给我们的结果

四、再实现

1、创建实体类

2、Controller

3、前端页面

五、应用

注册提示效果

1、Controller

2、前端页面

3、测试(及得处理json乱码问题)

相关推荐
欢脱的小猴子4 分钟前
VUE3加载cesium,导入czml的星座后页面卡死BUG 修复
前端·vue.js·bug
高级测试工程师欧阳6 分钟前
CSS 基础概念
前端·css·css3
前端小巷子6 分钟前
JS 实现图片瀑布流布局
前端·javascript·面试
武文斌779 分钟前
ARM工作模式、汇编学习
汇编·嵌入式硬件·学习·arm
Juchecar13 分钟前
AI教你常识之 npm / pnpm / package.json
前端
薛定谔的猫220 分钟前
前端工程化系列(一):编码规范相关
前端·代码规范·前端工程化
ZKshun23 分钟前
[ 前端性能优化 - 图片压缩 ] WebP格式的的图片性能到底有多优秀?
前端
杜蒙26 分钟前
React Hooks 详解
前端·javascript
南囝coding27 分钟前
Claude Code 从入门到精通:最全配置指南和工具推荐
前端·后端
索马里亚纳海参炒贩28 分钟前
useCallback useMemo memo 三个区别和作用
前端·react native