ajax基础

最新推荐文章于 2023-11-20 21:35:13 发布

taojYang

最新推荐文章于 2023-11-20 21:35:13 发布

阅读量72

点赞数

分类专栏： ajax 文章标签： ajax

本文链接：https://blog.csdn.net/weixin_43293451/article/details/91444204

版权

ajax 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>DOM</title>
</head>
<body>
	<span>输入账号：</span>
	<input id="name" onkeyup="check()" type="text">
	<span id="checkResult"></span>

	<script type="text/javascript">
		var xmlhttp;
		function check(){
			var name = document.getElementById('name').value;
			var url = "http://how2j.cn/study/checkName.jsp?name="+name;

			xmlhttp = new XMLHttpRequest();//创建XHR对象
			xmlhttp.onreadystatechange = checkResult;//设置响应函数
			xmlhttp.open("GET",url,true);//设置访问的页面
			xmlhttp.send(null);//send函数进行实际的访问，null表示没有参数
		}

		function checkResult(){
			//readyState 4表示请求已完成，statue200比哦啊是响应成功
			if(xmlhttp.readyState==4&&xmlhttp.status==200){
				document.getElementById("checkResult").innerHTML = xmlhttp.responseText;//获取服务端传回的文本
			}
		}
	</script>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

taojYang

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax基础

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>DOM</title></head><body> <span>输入账号：</span> <input id="name" ...
复制链接

扫一扫