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

相关推荐
好望角雾眠7 分钟前
第一阶段C#基础-10:集合(Arraylist,list,Dictionary等)
笔记·学习·c#
艾伦~耶格尔10 分钟前
【集合框架LinkedList底层添加元素机制】
java·开发语言·学习·面试
样子201821 分钟前
Uniapp 之renderjs解决swiper+多个video卡顿问题
前端·javascript·css·uni-app·html
星仔编程22 分钟前
python学习DAY46打卡
学习
Nicholas6830 分钟前
flutterAppBar之SystemUiOverlayStyle源码解析(一)
前端
黑客飓风1 小时前
JavaScript 性能优化实战大纲
前端·javascript·性能优化
大霞上仙1 小时前
实现自学习系统,输入excel文件,能学习后进行相应回答
python·学习·excel
emojiwoo2 小时前
【前端基础知识系列六】React 项目基本框架及常见文件夹作用总结(图文版)
前端·react.js·前端框架
yatingliu20193 小时前
HiveQL | 个人学习笔记
hive·笔记·sql·学习
武当豆豆3 小时前
C++编程学习(第25天)
开发语言·c++·学习