Heim > Backend-Entwicklung > PHP-Tutorial > So erstellen Sie mit JqueryAjax+php eine einfache Registrierungs-Anmeldeseite

So erstellen Sie mit JqueryAjax+php eine einfache Registrierungs-Anmeldeseite

墨辰丷
Freigeben: 2023-03-25 20:42:02
Original
3186 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Verwendung von JqueryAjax + PHP zum Erstellen einer einfachen Registrierungs-Anmeldeseite vorgestellt. Ich hoffe, dass er für alle hilfreich ist.

HTML-Struktur


<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>
Nach dem Login kopieren

Front-end 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("注册成功")
						}
					}
					
				})
			})
Nach dem Login kopieren

Backend 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;//账号不正确
	}
Nach dem Login kopieren

Backend 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;//注册成功
	}
Nach dem Login kopieren

Verwandte Empfehlungen:

php+mysql realisiert eine einfache Webseite für Anmeldung, Registrierung und Passwortänderung

JS implementiert Dropdown-Menü, Anmelderegistrierungs-Popup-Fenster

Login-Registrierungsfeld, Mobiltelefonnummer und Verifizierungscode, Verifizierungsimplementierungscode

Das obige ist der detaillierte Inhalt vonSo erstellen Sie mit JqueryAjax+php eine einfache Registrierungs-Anmeldeseite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage