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

相关推荐
皮蛋瘦肉粥_1211 小时前
pink老师html5+css3day06
前端·css3·html5
华仔啊5 小时前
前端必看!12个JS神级简写技巧,代码效率直接飙升80%,告别加班!
前端·javascript
excel5 小时前
dep.ts 逐行解读
前端·javascript·vue.js
爱上妖精的尾巴5 小时前
5-20 WPS JS宏 every与some数组的[与或]迭代(数组的逻辑判断)
开发语言·前端·javascript·wps·js宏·jsa
就叫飞六吧5 小时前
基于汇编实现led点灯-51单片机-stc89c52rc
嵌入式硬件·学习
excel5 小时前
Vue3 响应式核心源码全解析:Dep、Link 与 track/trigger 完整执行机制详解
前端
Larry_Yanan5 小时前
QML学习笔记(二十四)QML的Keys附加属性
c++·笔记·qt·学习·ui
前端大卫6 小时前
一个关于时区的线上问题
前端·javascript·vue.js
Chunyyyen6 小时前
【第十六周】自然语言处理的学习笔记01
笔记·学习·自然语言处理
我命由我123456 小时前
Photoshop - Photoshop 工具栏(5)多边套索工具
笔记·学习·ui·职场和发展·photoshop·ps·美工