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乱码问题)

相关推荐
CoolerWu16 分钟前
TRAE SOLO实战:一个所见即所得的笔记软体
前端·trae
没落英雄17 分钟前
简单了解 shadowDom
前端·html
天才熊猫君19 分钟前
vue3 基于 el-table 的无限滚动自定义指令实现
前端·javascript
陳陈陳19 分钟前
AIGC 时代,用自然语言操作数据库:SQLite + LLM 的轻量级实践
前端·数据库·python
BBB努力学习程序设计31 分钟前
Bootstrap图片:让图片展示更优雅、更专业
前端·html
玉宇夕落31 分钟前
深入理解 async/await:从原理到实战,彻底掌握 JavaScript 异步编程
前端
Sailing38 分钟前
🚀 Promise.then 与 async/await 到底差在哪?(这次彻底讲明白)
前端·javascript·面试
鹤鸣的日常39 分钟前
Vue + element plus 二次封装表格
前端·javascript·vue.js·elementui·typescript
JarvanMo1 小时前
Flakeproof - 自动化 Flutter 的用户体验 (UX) 测试
前端
北慕阳1 小时前
速成Vue,自己看
前端·javascript·vue.js