Aajx小案例——注册昵称重名检测

最新推荐文章于 2021-11-25 20:02:07 发布
最新推荐文章于 2021-11-25 20:02:07 发布
阅读量454 收藏
点赞数
文章标签： Ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37730771/article/details/79749951
版权
本文介绍了利用Ajax技术实现注册时昵称重名的即时检测。当用户在输入昵称后，通过Ajax异步请求，后台连接数据库查询昵称是否已存在，并返回结果，实现在不刷新页面的情况下显示用户名可用性。在实际实现中，注意xhr.responseText获取纯PHP响应及避免MySQL错误，可改为mysqli并使用 "@" 符号处理。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在现实生活中，当你在注册某网站时或者注册用户名时，有的时候当你一输入昵称，将要往下输的时候，就会立即在右边显示出用户名不可用或者用户名可用的字样，这是为什么呢？

原理：Ajax技术，当你鼠标离开文本框的时候，就会立即把文本框的内容获得，然后向数据库查询，通过返回值来判断。

php链接数据库：


Ajax技术


这是html里面的实现代码

其实在写的时候遇到很多麻烦

一、xhr.responseText的获值问题

如果你在xhr.open()连接的php文件中有html语言他就会返回一整个网页，这样就会影响下面的if判断

最好的解决方法就是把其它的都删了，只留php语言

原先的php:


结果：

最低0.47元/天 解锁文章
jQuery+Ajax实现用户名重名实时检测
10-19
主要为大家详细介绍了jQuery Ajax实现用户名重名实时检测，针对用户注册时出现的用户名重名问题进行自动检测，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
AJAX注册重名检测（绝对没有bug!）
Kinb_huangwei的专栏
10-06 1172
将我以前写的AJAX代码贡献出来  大家一起学习，绝对没有BUG!共两个文件ValidationServlet.javavalidation.html //ValidationServlet.javapackage ajaxbook.chap4;import java.io.*;import java.text.ParseException;import java.te
判断用户注册用户时用户名是否重名
08-12
private void button2_Click(object sender, EventArgs e) { if (this.textBox1.Text==""||this.textBox1.Text=="请输入用户名：") { MessageBox.Show("用户名不能为空！"); } string uname = this.textBox1.Text; string pwd = this.textBox3.Text; hyqpm.con.Close(); hyqpm.con.Open(); SqlCommand com = new SqlCommand("insert into admin values('"+uname+"','"+pwd+"')",hyqpm.con); if (checkuName(uname)) //判断用户名否存在 { MessageBox.Show( "用户名已存在!请重新输入："); return; } if (this.textBox1.Text==""||this.textBox2.Text=="") { MessageBox.Show("密码不能为空！"); return; } if (com.ExecuteNonQuery()>0) { MessageBox.Show("提交成功！"); } hyqpm.con.Close(); } // 判断用户名是否存在 private bool checkuName(string name) { bool flag = false; SqlCommand com1 = new SqlCommand("select * from admin where loginid='" + this.textBox1.Text + "'", hyqpm.con); SqlDataReader dr1 = com1.ExecuteReader(); if (dr1.Read()) { flag = true; } dr1.Close(); return flag; }
web 页面用户名检测
a741504174的博客
05-03 531
<html> <head> <title>用户名合法性检测</title> <script language="javascript"> function checkRealName(){ var str=form1.realName.value; //获取输入的真实姓名 if...
关于注册用户名重名Ajax检测
Javacghv的博客
07-21 821
//Jsp部分  function checkName(){     var ajax;       //第一步：创建ajax对象       try{           //IE浏览器           ajax=new ActiveXObject("Microsoft.XMLHTTP");       }catch(e){          //火狐浏览器
Aajx基础
Zhanbo_Guilai的博客
04-20 486
1.Ajax简介     Ajax是几个单词首字母的缩写:Asynchronous JavaScript and XML,是异步通信技术实现局部刷新效果。我们通过JS的XMLHttpRequest对象完成发送请求服务器并返回结果的任务，然后使用JS更新局部的页面。异步指的是JS脚本发送请求后并不是一直等着服务器相应，而是发送请求后继续做别的事， 请求相应和处理是异步完成的。XML一般用于请求数据和...
js和jQury实现Aajx
weixin_45920385的博客
11-25 617
Ajax和jQury实现Aajx1、2、jQury实现Aajx test.jsp <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>Title</title> </head> <body> ${param.msg}测试${param.msg2}！！ </body> </html
EasyUI(datagrid)+Aajx(添，改，删，查)
08-18
EasyUI(datagrid)+Aajx实现(添，改，删，查)
springMVC+Aajx实现
只有想不到没有做不到，程序的力量。。。
12-11 857
springMVC与Ajax配合使用，一般使用html时，需要使用这种方式获取数据 @RequestMapping(value="/ajax",method=RequestMethod.POST) @ResponseStatus(OK) @ResponseBody public Map spring_ajax(){ Map map=new HashMap(); m
JavaWeb书城项目(十)——Filter过滤器和Aajx请求
hhhcbw的博客，欢迎各位来访
11-12 458
前九个部分我们大致完成了书城项目的所有功能，第十部分我们做一个结尾，主要包括使用Filter过滤器进行权限检查，使用Filter和ThreadLocal组合管理事务，将异常同一交给Tomcat并展示友好的错误页面，使用Aajx请求改进功能。 Filter过滤器实现权限检查 我们要使用 Filter 过滤器拦截/pages/manager/所有内容，实现权限检查。 Filter的工作流程如下 Filter 过滤器的使用步骤： 1、 编写一个类去实现 Filter 接口 2、 实现过滤.
ajax检测用户名是否重复
11-18
使用ajax检测用户名是否存在重复！会员注册时候测试会员名字是不是重复！~
Jquery Aajx异步提交系列
开源控Meteor的博客
05-30 1358
直接用ajax提交 参考资料：
Ajax是什么？及实现步骤和原理
热门推荐
weixin_39194176的博客
07-05 8万+
一、什么是Ajax? Ajax = 异步 JavaScript 和XML。 Ajax是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 传统的网页（不使用 Ajax）如果需要更新内容，必需重载整个网页面。    有很多使用 Ajax的应用程序案...
使用ajax检查注册时用户名是否重复
余木尘的博客
09-24 2889
1、首先在注册页面添加两个span标签，用于放用户名不重复时的 “用户名可用” 提示，和用户名重复时的 “用户名不可用” 提示，默认先隐藏（style=“display: none”） <span id="span1" class="label label-success" style="display: none">用户名可用</span> <span id="sp...
【JavaWeb】记一次通过数据库对重复用户名表单校验的代码完善
壹加柒的博客
03-02 1125
在黑马的JavaWeb网课上断断续续学习了个寒假，自己动手实操的时间很少，在真的去敲代码的时候却发现自己问题很多，对于Java基础本身就很薄弱的我来说，因为问题太多而产生恐惧加上严重的拖延症，在听网课时很少自己动手，终归到底还是自己比较懒，在对这段代码完善，也花了我很久。不过真得发现了自己很多不足。代码终究得多敲敲，动手了才能获得最大进步，听着可能都懂，让自己做实觉得困难很多。 我今年大二，在论坛...
JavaWeb案例1:注册用户名检测
lglglglglgui的博客
09-18 1048
案例说明 实现一个可以异步获取用户名是否被注册的小案例。如: 1.编写Html与js： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Login</title> <script src="/jqueryWeb/js/jquery-3.3.1.js"></script> <sc
java检测用户是否重复登录_Java web工程判断用户是否重复登录
weixin_33324435的博客
03-02 1560
前几天，网上找了些朋友的资料，做了一个小功能，验证用户是否重复登录。原理就是：每一个用户，登录前有一个验证，当第一次登录时，会把其session信息，添加到一个特定的静态变量中。当第二次登录时，验证到静态变量中存在该用户的信息，就表示为重复登录。jsp代码，一个form表单提交：method="post">用户名：密码：struts2配置：/relogin.jsp/ok.jspactio...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值