Comment utiliser JqueryAjax+php pour créer une page de connexion d'inscription simple

Cet article explique principalement comment utiliser JqueryAjax+php pour créer une simple page de connexion d'inscription. Les amis intéressés peuvent s'y référer. J'espère qu'il sera utile à tout le monde.

Structure HTML

<p class="container">
			<form>  
			    <label>用户名</label>
			    	<input id="username" type="text" name="username" class="form-control" />  
			    <label>密码</label>
			    	<input id="password" type="password" name="password" class="form-control" />  
			    <button type="button" id="login" class="btn btn-primary">登录</button>  
			    <button type="button" id="sign" class="btn btn-danger">注册</button>  
			</form> 
			<p id="p"></p>
		</p>

JS front-end

$("#login").click(function(){
				var sendData = {"username":$("#username").val(),"password":$("#password").val()}
				$.ajax({
					url:"action/login.php",
					type:"POST",
					data:sendData,
					success:function(data){
						if(data==1){
							$("#p").html("密码正确")
							
						}else if(data==2){
							$("#p").html("密码不正确")
						}else if(data==3){
							$("#p").html("账号不存在")
						}
					}
					
				})
			})
			$("#sign").click(function(){
				var sendData = {"username":$("#username").val(),"password":$("#password").val()}
				$.ajax({
					url:"action/addUser.php",
					type:"POST",
					data:sendData,
					success:function(data){
						if(data==1){
							$("#p").html("用户存在不能注册")
						}else if(data==2){
							$("#p").html("注册成功")
						}
					}
					
				})
			})

Arrière- end login.php

	$username = $_POST['username'];
	$password = $_POST['password'];
	$conn = mysqli_connect("localhost","root","","login") or die("连接失败");
	mysqli_query($conn,"set names utf8");
	$result = mysqli_query($conn,"select * from user where username='$username'");
	
	if($row=mysqli_fetch_array($result)){
		if($row["password"]==$password){
			echo 1;//密码正确
		}else{
			echo 2;//密码不正确
		}
	}else{
		echo 3;//账号不正确
	}

Backend addUser.php

	$username = $_POST['username'];
	$password = $_POST['password'];
	$conn = mysqli_connect("localhost","root","","login") or die("连接失败");
	mysqli_query($conn,"set names utf8");
	$result = mysqli_query($conn,"select * from user where username='$username'");
	if($row=mysqli_fetch_array($result)){
		echo 1;//"用户存在不能注册"
	}else{
		mysqli_query($conn,"insert into `user` (`username`,`password`) values ('$username','$password')");
		echo 2;//注册成功
	}

Recommandations associées :

php+mysql réalise un enregistrement de connexion et un mot de passe simples page Web de modification

Implémentation JS de la fenêtre contextuelle d'enregistrement de connexion du menu déroulant

Implémentation de la boîte d'enregistrement de connexion, numéro de téléphone portable et mise en œuvre de la vérification du code de vérification code

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!