phpデータベースベースのフロントバックグラウンドインタラクティブログイン、登録事例
注意バックグラウンドphpファイル:コメントの内容は使用できません.echo jsonを除くことはできません.encode()外の他のecho出力は、データがフロントに届かない!!!
sql文に挿入される変数は、sql文のルールに合致する必要があります.すなわち、文字列は「または」「フォーマット」でなければなりません.変数の解析後に「」または「」はありません.文字列のつなぎ合わせに加えます.
フロント:
ログインバックグラウンドの検証:
登録バックグラウンドの検証
sql文に挿入される変数は、sql文のルールに合致する必要があります.すなわち、文字列は「または」「フォーマット」でなければなりません.変数の解析後に「」または「」はありません.文字列のつなぎ合わせに加えます.
フロント:
<html>
<head>
<meta charset="utf-8">
<title> </title>
<script src="jquery-3.4.1.js"></script>
<body>
<span> :</span><input type="text" class="uname"><br/>
<span> :</span><input type="password" class="pwd"><br/>
<button> </button>
<hr/>
<span> :</span><input type="text" class="uname2"><br/>
<span> :</span><input type="password" class="pwd2"><br/>
<button> </button>
<script >
var $btns=$("button:first");
var $btn=$('button:last');
var $input=$(".uname");
var $pwdInput=$(".pwd");
var $input2=$(".uname2");
var $pwdInput2=$(".pwd2");
------------------------------------------------------
$btns.click(function(){
$.ajax({
type:"post",
url:'5.php',
dataType:'json',
data:{
uname:$input.val(),
pwd:$pwdInput.val()
},
success:function(res)
{
if(res.infoCode==1)
{
alert(" ");
console.log(res);
window.location.href="https://blog.csdn.net/weixin_43294560";
}else if(res.infoCode==0)
{
alert(' ');
console.log(res);
}else{
alert(' ');
console.log(res);
}
}
});
});
-----------------------------------------------------
$btn.click(function(){
$.ajax({
type:'post',
dataType:'json',
url:'6.php',
data:{
zname:$input2.val(),
zpwd:$pwdInput2.val()
},
success:function(res){
console.log(res);
if(res.info==1)
{
alert(' ');
}else{
alert(' ');
}
}
});
console.log("a");
});
</script>
</body>
</head>
</html>
ログインバックグラウンドの検証:
$username=$_POST['uname'];
$upwd=$_POST['pwd'];
$success=array('msg'=>'ok');
$con=mysqli_connect('localhost','root','dyl123','day2db');
$flag=false;
if($con){
mysqli_query($con,'set names utf8');
mysqli_query($con,'set character_set_client=utf8');
mysqli_query($con,'set character_set_results=utf8');
$sql="select * from userinfo";
$res=$con->query($sql);
if($res->num_rows>0)
{
//
$arr=[];
for($i=0;$row=$res->fetch_assoc();$i++)
{
$arr[$i]=$row;
}
//
for($j=0;$j<count($arr);$j++)
{
if($arr[$j]['userName']==$username)
{
if($arr[$j]['password']==$upwd){
$success['infoCode']=1;
$flag=true;
break;
}
}
}
// ( 'infoCode' ， ， 'infoCode' )
if($flag!=true)
{
$success['infoCode']=0;
}
}else{
$success['infoCode']=2;
}
}else{
$success['infoCode']=2; //
}
//
echo json_encode($success);
?>
登録バックグラウンドの検証
$u1=$_POST['zname'];
$p2=$_POST['zpwd'];
$success=array('msg'=>'ok');
$con=mysqli_connect('localhost','root','dyl123','day2db');
$flag=false;
if($con){
mysqli_query($con,'set names utf8');
mysqli_query($con,'set character_set_client=utf8');
mysqli_query($con,'set character_set_results=utf8');
$sql="insert into userinfo values('".$u1."','".$p2."')";
$res=$con->query($sql); //
if($res)
{
$success['info']=1;
}else{
$success['info']=0;
}
//
echo json_encode($success);
}
?>