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

相关推荐
zhangwenwu的前端小站1 分钟前
VUE 实现划词 问AI 翻译等功能
前端·javascript·vue.js
黑臂麒麟1 分钟前
华为云的DevUI&Form组件实战:个人信息编辑表单完整实现
前端·javascript·ui·华为云·angular.js
郭子涵本人2 分钟前
嘉立创eda学习
学习
程序员小寒5 分钟前
前端高频面试题之手写Promise
前端·javascript·面试
d111111111d6 分钟前
什么是野指针,在STM32中如何避免野指针问题
笔记·stm32·单片机·嵌入式硬件·学习
诸葛思颖14 分钟前
Beta 分布学习笔记
笔记·学习·概率论
aprilaaaaa14 分钟前
(HaloOS 基于TC397学习笔记)一、环境搭建到编译demo成功
python·学习·dds·tc397
CodingCos15 分钟前
【PCIe 总线及设备入门学习专栏 9.1 -- PCIe AER 中的 aer_layer 与 aer_agent】
网络·学习
粉末的沉淀15 分钟前
tauri:tauri2.0+vue3+vite打包案例
前端
知识分享小能手19 分钟前
CentOS Stream 9入门学习教程,从入门到精通,CentOS Stream 9 使用 LNMP 架构部署网站 —— 语法详解与实战案例(12)
学习·架构·centos