JqueryAjax+php를 사용하여 간단한 등록 로그인 페이지를 만드는 방법

墨辰丷
풀어 주다: 2023-03-25 20:42:02
원래의
3171명이 탐색했습니다.

이 글은 주로 JqueryAjax+php를 사용하여 간단한 등록 로그인 페이지를 만드는 방법을 소개합니다. 관심 있는 친구들이 참고하면 도움이 될 것입니다.

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


$("#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("注册成功")
						}
					}
					
				})
			})
로그인 후 복사

백엔드 login.php

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

백엔드 addUser.php

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

관련 권장 사항:

php+mysql 구현 간단합니다. 로그인, 비밀번호 등록 및 변경 페이지

JS는 드롭다운 메뉴 로그인 등록 팝업 창을 구현합니다

로그인 등록 상자 휴대폰 번호 및 인증 코드 인증 구현 코드

위 내용은 JqueryAjax+php를 사용하여 간단한 등록 로그인 페이지를 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿