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

相关推荐
michael_ouyang3 分钟前
WebSocket 鉴权方案选型与 Electron 应用的最佳实践
前端·websocket·网络协议·electron
testpassportcn3 分钟前
CompTIA A+ 220-1201 認證介紹|CompTIA A+ Core 1 考試內容、題型與高效備考指南
网络·学习·改行学it
xixixin_10 分钟前
【vue】中字符串与数组转换:为何首选 Computed 而非 Methods?
前端·javascript·vue.js
2501_9449347311 分钟前
数据洞察力:职业转型的核心竞争力
学习
Sylvia33.15 分钟前
网球/羽毛球数据API:专业赛事数据服务的技术实现
java·前端·websocket·json
AI视觉网奇23 分钟前
ue5 默认相机设置
笔记·学习·ue5
山土成旧客23 分钟前
【Python学习打卡-Day44】站在巨人的肩膀上:玩转PyTorch预训练模型与迁移学习
pytorch·python·学习
星河天欲瞩25 分钟前
【深度学习Day1】环境配置(CUDA、PyTorch)
人工智能·pytorch·python·深度学习·学习·机器学习·conda
木木木一27 分钟前
Rust学习记录--C12 实例:写一个命令行程序
学习·算法·rust
向下的大树36 分钟前
VUE父子组件传参中的触发时机问题:异步场景下的解决方案
前端·javascript·vue.js