Ajax发送请求的四个步骤

Ajax发送请求的四个步骤<scripttype=”text/javascript”> window.onload=function(){ varbtn=document.getElementById(‘btn’); btn.onclick=function(){ //使用Ajax发送请求需要如下几步 //1、创建XMLHttpRequest(); varxhr=…

大家好,又见面了,我是你们的朋友全栈君。

<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>
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/145487.html原文链接:https://javaforall.net

(0)
上一篇 2022年5月17日 上午10:40
下一篇 2022年5月17日 上午10:40


相关推荐

  • 驼峰命名转换_大驼峰命名法

    驼峰命名转换_大驼峰命名法以前没有写过项目时为了防止出错,数据库和实体类里的变量都统一设置一模一样后来才知道规范的都是使用驼峰命名转换统一设置例如:在xml里配置全局属性<configuration><!–配置全局属性–><settings><!–使用jdbc的getGeneratedKeys获取数据库自增主键值–>…

    2025年7月21日
    4
  • 看完让你彻底理解 WebSocket 原理

    看完让你彻底理解 WebSocket 原理1 前言最近有同学问我有没有做过在线咨询功能 同时 公司也刚好让我接手一个 IM 项目 所以今天抽时间记录一下最近学习的内容 本文主要剖析了 WebSocket 的原理 以及附上一个完整的聊天室实战 Demo 包含前端和后端 代码下载链接在文末 2 WebSocket 与 HTTPWebSocke 协议在 2008 年诞生 2011 年成为国际标准 现在所有浏览器都已经支持了 WebSocket 的最大特点就是 服务器可以主动向客户端推送信息 客户端也可以主动向服务器发送信息 是真正的双向平等对

    2026年3月18日
    2
  • jQuery each方法中结束本次循环和退出循环

    jQuery each方法中结束本次循环和退出循环

    2022年3月13日
    47
  • Matlab中的画图函数

    Matlab中的画图函数之前在进行Matlab编程时,画图总是非常重要的一部分,在这里整理一下常用的绘图函数,以作备用。

    2026年2月1日
    8
  • 1g的树莓派4b能做什么_树莓派4B开发板简介

    1g的树莓派4b能做什么_树莓派4B开发板简介树莓派简介RaspberryPi(中文名为“树莓派”,简写为RPi,(或者RasPi/RPI)是为学生计算机编程教育而设计,只有信用卡大小的微型电脑,其系统基于Linux,随着Windows10IoT的发布,我们也将可以用上运行Windows的树莓派,别看其外表“娇小”,内“心”却很强大,视频、音频等功能通通皆有,可谓是“麻雀虽小,五脏俱全。树莓派由注册于英国的慈善组织“Raspber…

    2022年5月20日
    44
  • Query $.each用法

    Query $.each用法Query each 用法以下内容非原创 来自百度文库 http wenku baidu com view 4796b6145f0e html nbsp 通过它 你可以遍历对象 数组的属性值并进行处理 使用说明 each 函数根据参数的类型实现的效果不完全一致 1 遍历对象 有附加参数 each Object function p1 p2

    2025年8月25日
    8

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号