【暑假学习笔记】之——使用idea写一个Ajax异步的web+servlet项目实现简单的注册,输入账号提示已存在或可使用

本文档详细记录了如何使用IntelliJ IDEA创建一个Java Web项目,通过Ajax实现异步的用户注册功能。在regist.jsp中获取xhr对象并调用封装在ajax.js中的函数,ActionServlet负责处理请求,web.xml配置servlet。虽然没有涉及数据库交互,但演示了当输入'King'时提示账号已存在,其他账号可注册的逻辑。

先看一下最后实现的效果:

这里服务器端没写与数据库的交互,硬性的规定King是已有账号,其他账号均可注册。

那么我们就开始吧!

首先创建一个web项目,项目名为ajax1,步骤详见:用Intellij idea新建一个java web+Servlet项目

建立好项目以后在各自的目录下创建几个文件:

首先我们来写regist.jsp文件,代码如下:

第一步获得ajax对象,这里用到了一个getXhr函数,我们封装在了js文件夹下的ajax.js文件中。

关于第四步处理服务器返回的数据中的xhr.readyState的用法详见上一期:Ajax概述

<%--
  Created by IntelliJ IDEA.
  User: 7140
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值