AJAX 是一种用于在后台与服务器进行数据交换的技术，它可以在不刷新整个页面的情况下，通过异步请求从服务器获取数据并更新页面内容。而在网站开发中，登陆功能是一个必不可少的部分。本文将介绍如何使用AJAX 登陆，并将返回的密码保存到session中。

假设我们正在开发一个社交网站，用户在登陆时需要输入用户名和密码。通过AJAX，可以实现在用户输入用户名并离开输入框时，后台就能够检查用户是否存在，并返回相应的密码并保存至session中。

我们可以使用jQuery来实现AJAX部分的代码。首先，在页面的头部引入jQuery库：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

然后，在页面中添加一个表单，用于用户输入用户名：

<form id="loginForm">
<input type="text" name="username" id="username" placeholder="请输入用户名"><br>
<input type="submit" value="登陆">
</form>

接下来，我们使用jQuery监听表单的submit事件，并在事件处理函数中发送AJAX请求：

$(document).ready(function() {
$("#loginForm").submit(function(event) {
event.preventDefault(); // 阻止表单提交
var username = $("#username").val(); // 获取用户名
$.ajax({
url: "login.php", // 后台处理登陆请求的文件路径
type: "POST",
data: { username: username }, // 将用户名作为参数发送到后台
success: function(response) { // 成功接收到响应后的处理函数
// 将返回的密码保存到session中
sessionStorage.setItem("password", response.password);
console.log("登陆成功！");
},
error: function() {
console.log("登陆失败！");
}
});
});
});

在上述代码中，我们使用了jQuery的AJAX函数 $.ajax()，指定了请求的URL、请求类型、要发送到后台的数据以及成功接收到响应后的处理函数。在成功处理函数中，我们使用了sessionStorage对象的setItem()方法，将返回的密码保存到session中。这样，在后续的页面中，我们就可以通过调用sessionStorage.getItem("password")来获取用户的密码了。

举个例子，假设用户在登陆时输入了用户名"Tom"，并点击了登陆按钮。在后台的login.php文件中，我们可以进行相应的处理，并返回用户的密码：

$username = $_POST["username"];
// 查询数据库，获取用户密码
// 假设我们已经连接到数据库，并拥有名为"users"的表
$query = "SELECT password FROM users WHERE username = '$username'";
$result = mysqli_query($connection, $query);
if(mysqli_num_rows($result) >0) {
$row = mysqli_fetch_assoc($result);
$password = $row["password"];
$response = array("password" =>$password);
echo json_encode($response);
}

在上述例子中，我们通过使用PHP和MySQL，从数据库中获取用户的密码，并将其作为一个关联数组返回给前端页面。前端页面接收到响应后，将返回的密码保存到session中，以供后续使用。

总结一下，通过使用AJAX 登陆并将返回的密码保存进session中，我们可以提升用户体验，减少页面刷新的次数。这在诸如社交网站这样的项目中尤为重要，因为用户频繁的登陆请求会对服务器造成很大的负担。使用AJAX 可以避免不必要的页面刷新，从而提高网站的性能和用户体验。