ajax第三例:用户名是否已被注册|学习笔记

开发者学堂课程【Ajax:ajax第三例:用户名是否已被注册】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.前端开发工资一般多少aliyun.com/learning/course/31

ajax第三例:用户名是否已被注册

一.编写页面

二.编写servlet

.演示用户名是否被注册

四.继续编写servlet

.给用户名注册监听

六、尝试

.编写页面

ajax开发者选项在哪3.jsp

给出注册表单页面

给用户名文本框添数据隐私保护的常用方法加onblur事件的监听

获取文本框的内容,通过ajax4步发送给服务器大数据中用户隐私保护措施,得到响应结果*如果为1:在文本框后显示"用户名已被注册”

如果为0:什么都不做!

.编写servlet

Valid开发者选项怎么设置最流畅ateUsernam大数据安全eServlet

获取客户端传递的用户名参数>判断是否为it大数据与隐私保护cast

是:返回1

否:返回0

.演示用户名是否被注册:

写一个页面:ajax3.jsp。

<h1>演示用戸名是否被注册</h1>

&l开发者t;f数据隐私保护的常用方法orm action= "" method= "post ">

用户名:<input type=前端开发工程师"text"name= "user开发者选项怎么设置最流畅name" id= "usernameEle"/><span id= "errorspan "></span>br/>

密 码: <input type= "passvord" name= "passvord"/><br/>

<inpu type= "submit" value= "注册"/>

此时表单已经没有问题了。

.继续编写servlet

1.获取参数username

2.判断是否为itcast

3.如果是:响应1

4.如果不是:响应0

String use大数据安全rname = request. getParameter ("username") ;

if (username . equalsIgnoreCase ("itcast")) {

response.getwriter() .print("1") ;

} else {

respo数据隐私安全nse .getwriter() .print("0");

五.给用户名注册监听器

window.onload = function() (开发者模式打开好还是关闭好

//获取文本框,给它的失开发者选项怎么设置最流畅去焦点事隐私保护件注册监听

var userEle =前端开发培训机构推荐 document. getElementById ("usernam开发者选项打开有害吗e前端开发需要掌握什么技术Ele") ;

userEle.onblur = function() {

//1.得到异步对象开发者模式有什么用

var x开发者选项开启好还是关闭好mlHttp = createXMLHttpRequest() ;

//2.打开连接

xm1Http. open("POST", "<c:url value='/validateUse r开发者选项在哪nameServlet'/>", true) ;

//3.设置请求头: Content-Type

xmlHttp.getRequestHea前端开发工资一般多少der ("大数据隐私保护的常用方法Content -Type", "application/x-www form-urlencoded");//4.发送请求,给出请求体

xmlHttp. send ("username="+ userEle.value) ;

//5.给xmlHttp的onreadystatechange事件注册监听

xmlHttp . onreadystatechange = function() {

if (xmlHttp. readystate == 4 && xmlHttp.status == 200) {//双重判断

//开发者选项怎么关闭获取服务器的响应,判断是否为1

//是:获取span,添加内容:“用户名已被注册”

var text = xmlHttp. respon前端开发前景怎么样啊seText;

if(text== "1") {

//得到span元素

var s隐私保护pan = document . getElementById ("errorSpan");span. innerHTML = "用户名已被注册前端开发工程师! ";

此时代码已经写完。

大数据与隐私保护、尝试:

如果更改用户名后还显示,此时需要增加判断,开发者选项怎么设置最流畅更改代码:

span. innerHTML =用户名已被注册! ";} else {span.开发者模式打开好还是关闭好 innerHTML ="" 。此时已成功。