PHP+Mysql+AJAX登录验证

最新推荐文章于 2021-03-22 01:09:40 发布

无约客

最新推荐文章于 2021-03-22 01:09:40 发布

阅读量1.9k

点赞数 2

分类专栏： PHP

本文链接：https://blog.csdn.net/u013282167/article/details/49558543

版权

PHP 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

html部分

<html>
	<head>
		<script src = "login.js">
		</script>
	</hdad>

	<body>
		<form>
			UserName: <input id = "UserName" name = "UserName" type = "text" />
			<br>
			<br>
			PassWord: <input id = "PassWord" name = "PassWord" type = "text" />
			<br>
			<br>
			<input type = "button" value = "submit" onclick = "validation();" />
		</form>
			<div id = "info">
			</div>
	</body>
</html>

js部分

function validation(){
	var UserName = document.getElementById("UserName").value;
	var PassWord = document.getElementById("PassWord").value;
	var postStr = "UserName=" + UserName + "&PassWord=" + PassWord;
	//the notes are another way to achieve this function
	//ajax("login.php",postStr);
	ajax("login.php",postStr,function(result){
		document.getElementById("info").innerHTML = result;
	});
}

function ajax(url,postStr,onsuccess){
//function ajax(url,postStr){
	var xmlhttp = window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject('Microsoft.XMLHTTP');
	xmlhttp.open("POST",url,true);
	xmlhttp.onreadystatechange = function(){
		if(xmlhttp.readyState == 4){
			if(xmlhttp.status == 200){
				//document.getElementById("info").innerHTML = xmlhttp.responseText;
				onsuccess(xmlhttp.responseText);
			}
			else{
				alert("AJAX ERROR!");
			}
		}
	}
	xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xmlhttp.send(postStr);
}
//http://www.cnblogs.com/liuswi/p/4067881.html

php部分

<?php
	$con = mysql_connect('localhost','root');
	mysql_select_db("my_db",$con);
	//the original code which noted cannot be achieved!
	//$result = mysql_query("SELECT * FROM users WHERE Username = '$_POST[UserName]'");
	$result = mysql_query("SELECT * FROM users WHERE UserName ='".$_POST['UserName']."'");
	if ($row = mysql_fetch_array($result)) {
		if($row["PassWord"] == $_POST["PassWord"]){
			echo "Petch Success!";
		}
		else{
			echo "ERROR!";
		}
	}
	else{
		echo "UserName EMPTY!";
	}
	mysql_close($con);
?>

无约客

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
PHP+Mysql+AJAX登录验证

html部分 UserName: PassWord: js部分function validation(){ var UserName = document.getElementById("UserName").value; var PassWord = document
复制链接

扫一扫