Rumah > pembangunan bahagian belakang > tutorial php > 如何利用JqueryAjax+php制作简单注册登录页面

如何利用JqueryAjax+php制作简单注册登录页面

墨辰丷
Lepaskan: 2023-03-25 20:42:02
asal
3186 orang telah melayarinya

本篇文章主要介绍如何利用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>
Salin selepas log masuk

前台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("注册成功")
						}
					}
					
				})
			})
Salin selepas log masuk

后台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;//账号不正确
	}
Salin selepas log masuk

后台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;//注册成功
	}
Salin selepas log masuk

相关推荐:

php+mysql实现简单登录注册修改密码网页

JS实现下拉菜单登录注册弹窗

登录注册框手机号和验证码校验实现代码

Atas ialah kandungan terperinci 如何利用JqueryAjax+php制作简单注册登录页面. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan