微客导航 » 文章资讯 » js实现ajax的用户简单登入功能

js实现ajax的用户简单登入功能

2023-07-22 20:38:04 180

本文实例为大家分享了js实现ajax的用户简单登入的具体代码，供大家参考，具体内容如下

原生js实现ajax

html页面





ajax登录





用户名：

密码：

window.onload=function(){ varbtn=document.getElementById('btn'); btn.onclick=function(){ varusername=document.getElementById('username').value; varpassword=document.getElementById('password').value; //第一步：创建对象 varxhr=null; if(window.XMLHttpRequest){ xhr=newXMLHttpRequest(); }else{ xhr=newActiveXObject("Microsoft.XMLHTTP"); } //初始化 //准备好了 varurl='./check.php?username='+username+"&password="+password; xhr.open('post',url,false); //这段代码在xhr.send();执行完之后才能执行 //这件事做完了怎么办 //事情办完之后干什么 xhr.onreadystatechange=function(){ if(xhr.readyState==4){ if(xhr.status==200){ alert(1); vardata=xhr.responseText; if(data==1){ document.getElementById('showInfo').innerHTML='用户名或者密码错误'; }elseif(data==2){ document.getElementById('showInfo').innerHTML='登录成功'; } } }; } //实际的去做这件事 //去做这件事情 xhr.send(null); alert(2); } }

check.php

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com