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 分钟前
NestJS-角色模块
前端·javascript·nestjs
种豆走天下7 分钟前
VUE进阶案例
前端·javascript·vue.js
陈随易12 分钟前
盘点微信开发者工具V1和V2的区别
前端·后端·程序员
zengyuhan50314 分钟前
使用Rust 串口通信 及 MTP文件获取
前端·rust
小宋搬砖第一名16 分钟前
阿里云部署小白教程
前端
陈随易18 分钟前
ECharts v6.0发布,新布局,新主题,新功能
前端·后端·程序员
HHW19 分钟前
更快更强的 JavaScript 运行时:Bun 入门与实践指南
前端·javascript
好奇心笔记23 分钟前
现代Web开发最佳实践:2025年前沿技术与工程化指南
前端
小宁爱Python25 分钟前
Vue3 状态管理新选择:Pinia 从入门到实战
前端·javascript·vue.js
培根芝士1 小时前
使用 Canvas 替代 <video> 标签加载并渲染视频
前端·javascript·音视频