AJAX--注册时，用户输入用户名并失去焦点时，判断用户名是否可用

最新推荐文章于 2023-05-07 16:04:19 发布

七彩冰淇淋与藕汤

最新推荐文章于 2023-05-07 16:04:19 发布

阅读量1k

点赞数 1

分类专栏：面试题文章标签：前端

本文链接：https://blog.csdn.net/qq_36582776/article/details/123622340

版权

面试题专栏收录该内容

27 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8"/>
		<title>ajax学习</title>
		<script src="jquery-3.1.1.min.js"></script>
		<script type="text/javascript">
			function checkUserByAjax(){
				var user = $("#user").val();//获取表单元素值
				if(user==""){
					$("#checkmsg").html("用户名不能为空");
					return;
				}
				/*第一步 实例化 XMLHttpRequest对象*/
				var xmlhttp;
				if(window.XMLHttpRequest){
				//  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
					xmlhttp = new XMLHttpRequest();
				}else{
				// IE6, IE5 浏览器执行代码
					xmlhttp =  new ActiveXObject("Microsoft.XMLHTTP");
				}
				/*第二步 调用open方法设置参数，调用send发送请求 true表示异步  false表示同步*/
				xmlhttp.open("GET","http://192.168.5.3/ajax/checkuser.servlet?userName="+eval(document.getElementById('user')).value,true);
				xmlhttp.send();
				/*第三步 监听服务端响应*/
				xmlhttp.onreadystatechange=function(){
					if(xmlhttp.readyState==4 & xmlhttp.readyStatus==200){
						var text = xmlhttp.responseText; //用户已存在
						document.getElementById("checkmsg").innerHTML=text;
					}
				}
			}	
		</script>
	</head>
	
	<body>
	
		用户名：<input id="user" type="text" name="userName"/>
		<span id="checkmsg"></span><br><br>
		<button οnclick="checkUserByAjax()">检查用户</button><br><br>
	</body>
</html>

AJAX：判断用户是否存在及用户名密码是否正确问题_伊人冰的博客-CSDN博客

七彩冰淇淋与藕汤

关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
AJAX--注册时，用户输入用户名并失去焦点时，判断用户名是否可用

<!DOCTYPE HTML><html> <head> <meta charset="utf-8"/> <title>ajax学习</title> <script src="jquery-3.1.1.min.js"></script> <script type="text/javascript"> function checkUserByAjax(){ var u.
复制链接

扫一扫

专栏目录