js ajax提交账号密码post登录PHP后端 第二次使用cookie登录例子
时间: 2023-08-06 18:01:43 浏览: 54
好的,以下是一个简单的例子:
前端 JS 代码:
```javascript
function login() {
// 获取用户名和密码
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
// 发送 POST 请求
var xhr = new XMLHttpRequest();
xhr.open("POST", "/login.php");
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onload = function() {
if (xhr.status === 200) {
// 登录成功,保存 cookie
document.cookie = "username=" + username + "; path=/";
location.reload();
} else {
alert("登录失败!");
}
};
xhr.send("username=" + username + "&password=" + password);
}
```
后端 PHP 代码:
```php
<?php
// 获取 POST 数据
$username = $_POST["username"];
$password = $_POST["password"];
// 验证用户名和密码
if ($username === "admin" && $password === "123456") {
// 登录成功,设置 cookie
setcookie("username", $username, time()+3600, "/", "", false, true);
echo "success";
} else {
// 登录失败
http_response_code(401);
}
?>
```
在后续的页面中,可以通过 `$_COOKIE['username']` 来获取登录用户的用户名。例如:
```php
<?php
if (isset($_COOKIE['username'])) {
echo "欢迎您," . $_COOKIE['username'] . "!";
} else {
echo "请先登录!";
}
?>
```
这样就实现了第二次使用 cookie 登录的功能。