关于ajax验证用户名是否可用的信息

最新推荐文章于 2021-08-26 21:15:01 发布
最新推荐文章于 2021-08-26 21:15:01 发布
阅读量642 收藏
点赞数
分类专栏： Java学习笔记 
<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script type="text/javascript">


function checkBookExists(){
	var fname = document.getElementById("fileName");
	if(fname.value.length==""){
		alert("木有任何輸入");
		fname.focus();
		return false;
	}else{
		doAjax();
	}


}


function createXMLHttpRequest(){
	 //创建XMLHttpRequest对象
    
    if(window.XMLHttpRequest){
      //针对FireFox,Mozillar,Opera,Safari,IE7,IE8
       xmlhttp = new XMLHttpRequest();
       
       //对某些特定版本的mozillar浏览器的bug进行修正
       if(xmlhttp.overrideMineType){
          xmlhttp.overrideMineType("text/xml");
       }
    }else if(window.ActiveXObject){
       //针对IE5，IE5.5，IE6
       
       //两个可以用于创建XMLHTTPRequest对象的控件名称。保存在一个JS数组中。
       var activexName = ["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
       for(var i = 0; i<activeName.length; i++){
           //取出一个控件名进行创建，如果成功就终止循环
           try{
              xmlhttp = new ActiveXObject(activexName[i]);
              break;
           }catch(e){}
       }       
       
    }
    if(xmlhttp){
       return xmlhttp;
    }else{
       alert("XMLHttpRequest对象创建失败！");
    }
}


var xmlHttp;
//提交请求数据
function doAjax(){
	
	var fname = document.getElementById("fileName").value;
	xmlHttp = createXMLHttpRequest();
	alert(xmlHttp);
	if(xmlHttp!=null){
		xmlHttp.onreadystatechange=processRequest;
		xmlHttp.open("get","Validation?fname="+fname,true);
		xmlHttp.send(null);
		
	}else{
		alert("adfs");
	}
}


function processRequest(){
	if(xmlHttp.readyState == 4){
	
		if(xmlHttp.status ==200){
			var b = xmlHttp.responseText.trim();
			if(b=="1"){
			   alert("可用");
			}else{
				  alert("可用");
			}
		}else{
	      alert("请求处理返回的数据有错误！");
	      alert(xmlHttp.status);
	   }
	}
}
</script>
</head>
<body>
	<form>
	
	<input type="text" id="fileName" name="fileName" οnblur="checkBookExists()"/>
	<input type="text" name="password"/>
	</form>


</body>
</html>

只是通过一个简单的servlet的doGet方法向客户端输出一个1来判断是否可用..如果可用就alert出来..如果不可用也alert出来...对以后应该会有帮助..先记下来再说..
terrylmay
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
基于jQuery实现的Ajax 验证用户名是否存在的实现代码
12-08
这样就实现了在不刷新页面的情况下，实时验证用户名的功能。 总结起来，这个实例展示了如何利用jQuery的Ajax功能，结合简单的服务器端代码，实现用户名存在的实时验证，提升了用户体验。通过这个例子，我们可以学习...
nodejs登录校验(可用其他框架搭建)
qq_63438888的博客
09-29 734
nodejs登录校验(可用其他框架搭建)
nodeJS入门（四）之身份验证
qq_38256266的博客
08-26 600
身份验证一、bcrypt模块1.1、简单介绍一下1.2、安装1.3、加密二、身份验证2.1、session（会话）2.1.1、session实现身份验证的思路2.1.2、session的业务流程2.1.3、express-session2.2、token2.2.1、实现思路2.2.2、实现步骤2.3、session vs token2.4、保存信息给浏览器（cookie）三、文件上传3.1、基本思路3.2、multer中间件四、BSR&&SSR&&SEO4.1、BSR4.2、
第一个Ajax，判断用户名是否可用
天将降大任于斯人也
06-08 1818
Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。 Ajax对服务器没什么要求，可以为Java EE应用程序，.NET应用程序和其他类型的应用程序服务。可以通过Ajax，可以编
Ajax验证用户名或昵称是否已被注册
08-30
总结来说，Ajax验证用户名或昵称是否已被注册涉及到前端JavaScript的事件处理、XMLHttpRequest对象的使用，以及后端服务器的响应。通过这种方式，我们可以提供更好的用户体验，让用户在输入时即时得到反馈，而无需...
基于jQuery实现Ajax验证用户名是否存在实例
11-24
在本实例中，我们将利用jQuery库中的$.ajax方法实现一个简单的Ajax验证用户名是否已存在的功能。 **jQuery库的$.ajax方法** $.ajax是jQuery提供的一种低级（底层）的AJAX函数，它可以让你完全控制HTTP请求。这个...
asp.net结合Ajax验证用户名是否存在的代码
10-29
ASP.NET 结合 AJAX 验证用户名是否存在的代码主要涉及到客户端 JavaScript 与服务器端 ASP.NET 的交互，用于实现实时验证用户在输入框中输入的用户名是否已经被占用。下面将详细介绍这个过程。 首先，AJAX...
ajax异步验证用户名是否存在
08-07
总结，实现"ajax异步验证用户名是否存在"涉及前端的JavaScript交互、AJAX请求的发起和响应处理，以及服务器端的数据库查询和响应构造。通过这种方式，我们可以为用户提供即时反馈，提升其使用体验。
聚类算法-一种无监督学习方法.docx
08-12
聚类算法是一种无监督学习方法，用于将数据集中的数据点自动分组到不同的类别中，这些类别也称为“簇”或“群”。聚类的目标是让同一簇内的数据点尽可能相似，而不同簇之间的数据点尽可能不相似。聚类算法广泛应用于多种领域，如数据挖掘、模式识别、图像分析、信息检索等。 聚类算法的基本概念 无监督学习：聚类算法不需要事先标记数据点的类别标签，而是根据数据本身的相似性来分组。 相似性度量：聚类算法依赖于某种相似性或距离度量来决定数据点之间的相似程度。常用的度量包括欧氏距离、曼哈顿距离等。 目标函数：大多数聚类算法都会尝试最小化某种目标函数，例如簇内的平方误差和（SSE）。 常见的聚类算法 K-Means K-Means 是一种原型聚类算法，它通过迭代地将数据点分配到最近的质心来形成簇，并重新计算每个簇的质心，直到质心不再显著变化为止。 在 Python 的 scikit-learn 库中，可以通过 KMeans 类实现 K-Means 聚类。 层次聚类 层次聚类构建一个树状图（称为树状图或 dendrogram），显示数据点是如何逐渐合并成簇的。 这种算法可以是凝聚型（自底向上）或分裂型（自顶向下）。
45ft集装箱模型3D图纸 STEP格式.zip
08-12
45ft集装箱模型3D图纸 STEP格式.zip
Spring Boot网吧管理系统.zip
08-12
该系统严格按照需求分析制作相关模块，并利用所学知识尽力完成，但是本人由于学识浅薄，无法真正做到让该程序可以投入市场使用，仅仅简单实现部分功能，希望日后还能改善。 本系统具有以下优点： 该系统具有较高的适用性，选用B/S结构，可以在绝大部分个人平台上使用该系统。 系统将用户权限进行划分，管理员，网管和会员都能看到及操作的信息不一样，三者具备不同的操作权限。 该系统操作界面简单明了，大部分人都可以正常使用。 但也存在以下问题需要改进： 运行时窗口不能被刷新，可以改进。 系统过于简单，显示的信息有限。。 不能添加多个管理员账号，如果可以则将利于发展网吧规模，便于网吧信息集中管理。 不能实时预约接待消息和网吧反馈建议，容易被忽视，不利于管理员服务客户。
微信小程序大作业 新闻小程序
08-12
微信小程序大作业 新闻小程序
一种简单易用的通用循环队列的C语言解决方案
08-12
博文《一种简单易用的通用循环队列的C语言解决方案》实现的代码。 在实际的嵌入式编程中，消息队列的使用还是比较频繁的，已经在文章《一种简单安全的消息队列的C语言解决方案》中说明了一种队列的解决方案，但是那种设计其中还是存在一些不方便的用法，对于嵌入式系统中一些要求或者性能限制下，可能会用到循环队列，但是对于不使用操作系统的情况下，队列相关的功能就需要手动实现。所以下面将会介绍一种简单的循环队列的实现方式。
智慧城市应急指挥中心系统平台建设方案PPT(41页).pptx
08-12
城市应急指挥系统是智慧城市建设的重要组成部分，旨在提高城市对突发事件的预防和处置能力。系统背景源于自然灾害和事故灾难频发，如汶川地震和日本大地震等，这些事件造成了巨大的人员伤亡和财产损失。随着城市化进程的加快，应急信息化建设面临信息资源分散、管理标准不统一等问题，需要通过统筹管理和技术创新来解决。 系统的设计思路是通过先进的技术手段，如物联网、射频识别、卫星定位等，构建一个具有强大信息感知和通信能力的网络和平台。这将促进不同部门和层次之间的信息共享、交流和整合，提高城市资源的利用效率，满足城市对各种信息的获取和使用需求。在“十二五”期间，应急信息化工作将依托这些技术，实现动态监控、风险管理、预警以及统一指挥调度。 应急指挥系统的建设目标是实现快速有效的应对各种突发事件，保障人民生命财产安全，减少社会危害和经济损失。系统将包括预测预警、模拟演练、辅助决策、态势分析等功能，以及应急值守、预案管理、GIS应用等基本应用。此外，还包括支撑平台的建设，如接警中心、视频会议、统一通信等基础设施。 系统的实施将涉及到应急网络建设、应急指挥、视频监控、卫星通信等多个方面。通过高度集成的系统，建立统一的信息接收和处理平台，实现多渠道接入和融合指挥调度。此外，还包括应急指挥中心基础平台建设、固定和移动应急指挥通信系统建设，以及应急队伍建设，确保能够迅速响应并有效处置各类突发事件。 项目的意义在于，它不仅是提升灾害监测预报水平和预警能力的重要科技支撑，也是实现预防和减轻重大灾害和事故损失的关键。通过实施城市应急指挥系统，可以加强社会管理和公共服务，构建和谐社会，为打造平安城市提供坚实的基础。
毕业设计php网络相册-qkrp源码含文档工具包
08-12
毕业设计php网络相册-qkrp源码含文档工具包 php，数据库mysql，jdk1.8，开发工具用ecplise、myecplise、sts、idea都可以 本网站由用户模块、风采相册、留言簿模块与管理模块等构成，其中用户模块实现了用户注册、登陆与修改个人资料等功能；在线论坛提供交流平台；风采相册实现图片上载和在线浏览功能；留言簿模块实现网上留言功能；管理模块实现用户管理、论坛管理、相册管理与留言簿管理等功能。 包含：源码、数据库脚本、论文、环境工具包、相同框架项目的安装教程（在说明文档中）
基于Springboot和Vue的中药实验管理系统源码 中药实验管理系统代码（优秀毕业设计）
08-12
中药实验管理系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！
【轨迹跟踪】基于matlab四轴飞行器轨迹跟踪（含位置 速度）【含Matlab源码 6846期】.mp4
08-12
Matlab研究室上传的视频均有对应的完整代码，皆可运行，亲测可用，适合小白； 1、代码压缩包内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描视频QQ名片； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作
【精品毕设推荐】-基于SSM+jsp的蜀都天香酒楼网站设计与实现.zip
最新发布
08-12
【项目简介】 可辅助在本地配置运行 近年来，信息化管理行业的不断兴起，使得人们的日常生活越来越离不开计算机和互联网技术。 首先，根据收集到的用户需求分析，对设计系统有一个初步的认识与了解，确定蜀都天香酒楼管理系统的总体功能模块。 然后，详细设计系统的主要功能模块，通过数据库设计过程将相关的数据信息存储到数据库中，再通过使用关键的开发工具，如MyEclipse开发平台、JSP技术等，编码设计相关的功能模块。 接着，主要采用功能测试的方式对系统进行测试，找出系统在运行过程中存在的问题，以及解决问题的方法，不断地改进和完善系统的设计。 最后，总结本文介绍的系统的设计和实现过程，并且针对于系统的开发提出未来的展望工作。 本系统的研发具有重大的意义，在安全性方面，用户使用浏览器访问网站时，采用注册和密码等相关的保护措施，提高系统的可靠性，维护用户的个人信息和财产的安全。在方便性方面，促进了酒楼管理行业的信息化建设，极大的方便了相关的工作人员对酒楼信息进行管理。 关键词：酒楼管理；Java语言；B/S模式；JSP技术；系统测试
深度报告-20230507-天风证券-阿尔特-300825.SZ-AI赋能汽车设计降本增效-研发 制造双轮驱动扬帆.pdf
08-12
深度报告-20230507-天风证券-阿尔特-300825.SZ-AI赋能汽车设计降本增效_研发 制造双轮驱动扬帆出海__32页_3mb.pdf
js ajax验证用户名是否存在
06-07
可以通过使用Ajax来验证用户名是否存在，以下是一个简单的示例： HTML代码： ```html <input type="text" name="username" id="username" /> <button type="button" onclick="checkUsername()">检查用户名</button> <div id="username-check"></div> ``` JavaScript代码： ```javascript function checkUsername() { var username = document.getElementById("username").value; var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("username-check").innerHTML = this.responseText; } }; xhttp.open("POST", "check_username.php", true); xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); xhttp.send("username=" + username); } ``` 在这个示例中，当用户点击“检查用户名”按钮时，JavaScript函数`checkUsername()`会被调用。此函数会获取文本框中输入的用户名，并使用Ajax发送一个POST请求到`check_username.php`文件。 `check_username.php`文件应该包含用于检查用户名是否存在的逻辑，并返回一个响应。例如，如果用户名已存在，则可以返回一个带有文本“该用户名已被使用”或类似信息的响应。 在JavaScript函数中，当收到响应时，它会将响应文本显示在页面上的`<div>`元素中，该元素的ID为`username-check`。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值