html
<form enctype="multipart/form-data" id="frmLogin" method="post" action="/index.php/public/checkLogin" >
<table class="login_table">
<tr>
<th>用戶名</th>
<td><input name="MemberName" id="MemberName" type="text" class="form_text MemberName" placeholder="請輸入用戶名"/></td>
</tr>
<tr>
<th>密碼</th>
<td><input class="form_text Password" id="Password" name="MemberPassword" type="password" /></td>
</tr>
<tr>
<th>記住密碼</th>
<td><input style="width:7%;" class="form_text" id="checkboxs" name="isPassword" type="checkbox" /></td>
</tr>
<tr>
<td colspan="2" class="operation">
<input class="form_button btn btn-small logins" type="submit" name="submit8" value="登錄" />
</td>
</tr>
</table>
</form>
$(function(){ //提交
$(".logins").click(()=>{
myClick();
})
})
// 數據請求 存儲
function myClick() {
var UserName = $("#MemberName").val();
var Password = $("#Password").val();
if(UserName==""||UserName==null){
alert("用戶名爲空");
return;
}
if(Password==""||Password==null){
alert("密碼爲空");
return;
}
$.ajax({
url: "/index.php/public/checkLogin",
type: 'POST',
dataType: 'json',
data: {
MemberName: UserName,
MemberPassword: Password,
},
success: function (data) {
console.log(data.status)
if(data.status == 0){//判斷賬號密碼對否
alert("賬號或者密碼錯誤!");
$("#MemberName").val("");
$("#Password").val("")
}else{
//把信息設置進去Cookie裏面去
var ck = $("#checkboxs").is(":checked");//獲取是否選中
if(ck==true){//選中
$.cookie("MemberName",UserName.trim(),7);//有效時間7天,刪掉即可爲永久
$.cookie("MemberPassword",Password.trim(),7);
}else{//沒選中
$.cookie("MemberPassword", "");
$.cookie("MemberName", "");
alert("沒有記住密碼")
}
window.location = "/index.php";
}
},
error: function (error) {
console.log(error);
}
});
}
function getCookie(){ //獲取cookie
var UserName = $.cookie("MemberName"); //獲取cookie中的用戶名
var Password = $.cookie("MemberPassword"); //獲取cookie中的登陸密碼
console.log(Password);
if(Password){
$.ajax({
url: "/index.php/public/checkLogin",
type: 'POST',
dataType: 'json',
data: {
MemberName: UserName,
MemberPassword: Password,
},
success: function (data) {
console.log(data)
//window.location = "/index.php";
},
error: function (error) {
console.log(error);
}
});
}else{
console.log("沒有")
}
}
//調用獲取函數即可。