ajax发送请求的四个步骤

最新推荐文章于 2023-08-08 22:15:22 发布

辣条小哥哥

最新推荐文章于 2023-08-08 22:15:22 发布

阅读量403

点赞数

分类专栏： javaScript

本文链接：https://blog.csdn.net/weixin_44090040/article/details/116161823

版权

javaScript 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button id="btn">点击</button>
	</body>
	<script type="text/javascript">
		window.onload = function(){
			var btn = document.getElementById('btn');
			btn.onclick = function(){
				//使用Ajax发送请求需要如下几步
				//1、创建XMLHttpRequest();
				var xhr = new XMLHttpRequest();
				//2、准备发送
				xhr.open('get','./check.php',ture);
				//3、执行发送动作
				xhr.send(null);
				//4、指定回调函数
				xhr.onreadystatechange = function(){
					if(xhr.readyState == 4){
						if(xhr.status == 200){
						var data = xhr.responseText;
						var info = document.getElementById('info');	
						if(data == '1'){
							info.innerHTML = '登陆成功';
							}else if(data == '2'){
								info.innerHTML = '用户名或密码错误';
							}
						}
					}
				}
			}
		}
		
	</script>

</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

辣条小哥哥

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax发送请求的四个步骤

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <button id="btn">点击</button> </body> <script type="text/javascript"> window.onload = fu
复制链接

扫一扫