溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下JS+PHP如何實現用戶注冊及登錄，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
/*-----------------JS 代碼------------------------*/
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-1.12.4.min.js"></script>
</head>
<body>
<p><input type="text" id="username" placeholder="用戶名"/></p>
<p><input type="text" id="pwd" placeholder="密碼"/><br></p>
<input type="button" id="regit" value="注冊"/>
<script>
$(function(){
var username = $("#username");
username.blur(function(){
if(username.val()==''){
alert("用戶名不能為空");
}else{
checkUsername(username.val());
}
});
function checkUsername(name){
$.ajax({
type:"post",
url:"demo1.php",
async:true,
data:{"type":"checkusername","username":name},
success:function(data){
var flag = JSON.parse(data);
if(flag == true){
alert("用戶名重復");
}else{
alert("用戶名可用");
}
}
});
}
})
$("#regi").click(function(){
var name = $("#username").val();
var pwd = $("#pwd").val();
$.ajax({
type:"post",
url:"demo1.php",
async:true,
data:{"type":"register","username":name,"password":pwd},
success:function(data){
alert(data);
}
});
})
</script>
</body>
</html>
/*-----------------PHP 代碼------------------------*/
<?php
$type = $_POST["type"];
if(isset($type)){//存在為true
//檢查用戶名是否存在;
if($type == "checkusername"){
$flag = "";
$username = $_POST["username"];
$json = file_get_contents("user1.json"); //獲取user1.json里的數據 json格式
$arr_json = json_decode($json,true);//將json格式的數據轉化為數組類型的數據
for($i=0;$i<count($arr_json);$i++){ //獲取數組長度
if($arr_json[$i]["name"] == $username){
$flag = true;
}
}
echo json_encode($flag); //echo 返回前臺的值 json_encode 將數組類型轉換為json類型的數據
}
//用戶注冊；即向json文件寫入新注冊的用戶名和密碼
if($type == "register"){
$flag = true;
$username = $_POST["username"];
$password = $_POST["password"];
$array = array("name" => $username,"pwd" => $password);
$json = file_get_contents("user1.json");
$arr_json = json_decode($json,true);
array_push($arr_json,$array);
$json = json_encode($arr_json);
file_put_contents("user1.json",$json);
echo json_encode($json); //將更新過的json文件中所有的用戶返回（僅用于測試）
}
//用戶登錄；在json文件檢查是否存在輸入的用戶名以及密碼是否正確；
if($type == "login"){
$name = $_POST["username"];
$pwd = $_POST["pwd"];
$flag = "";
$json = file_get_contents("user.json");
$arr_json = json_decode($json,true);
for($i=0;$i<count($arr_json);$i++){
if($arr_json[$i]["name"] == $name && $arr_json[$i]["pwd"] == $pwd){
$flag = true;
}
}
echo json_encode($flag);
}
}
?>
/*---------------------隨便來一json文件-----------------------*/
[
{
"name": "admin",
"pwd": "1234"
}, {
"name": "aaa",
"pwd": "3333"
}, {
"name": "q",
"pwd": "1112"
}, {
"name": "111",
"pwd": "qqq"
}, {
"name": "1234567",
"pwd": "qqq"
}
]
以上是“JS+PHP如何實現用戶注冊及登錄”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
