<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>ajax php用户无刷新登录实例</title>
<script>
function userlogin() {
var xmlhttp;
var str;
var sendstr = "";
try {
xmlhttp = new xmlhttprequest();
} catch (e) {
xmlhttp = new activexobject("microsoft.xmlhttp");
}
xmlhttp.onreadystatechange = function () {
if (xmlhttp.readystate == 4) {
if (xmlhttp.status == 200) {
str = xmlhttp.responsetext;
document.getelementbyid("userlogin").innerhtml = str;
} else {
alert("系统错误,如有疑问,请与管理员联系!" + xmlhttp.status);
}
}
}
xmlhttp.open("post", "config/userlogin.php", true);
xmlhttp.setrequestheader('content-type', 'application/x-www-form-urlencoded');
xmlhttp.send(sendstr);
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<p>
<label for="textfield"></label>
<input type="text" name="uname" id="uname" /><span id="userlogin"></span><br />
<input type="text" name="upwd" id="upwd" /><span id="upwds"></span>
输入用户名</p>
<p>
<input type="button" name="button" id="button" value="登录" onclick="userlogin();" />
</p>
</form>
</body>
</html>userlogin.php文件
<?php
$uid = $_post['uname'];
$pwd = $_post['upwd'];
$sql = "select * from tabname where uid='$uid' and pwd='$pwd'";
$query = mysql_query($sql);
if (mysql_num_rows($query)) {
echo '登录成功';
} else {
echo '用户名或密码不正确!';
}
?>教程地址：
欢迎转载！但请带上文章地址^^
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
