jquery localStorage 写个列子

jQuery的localStorage是一个轻量级的本地存储API，它允许你在客户端持久化数据。下面是一个简单的例子，展示如何使用jQuery操作localStorage：

// 将键值对保存到localStorage
$.ajax({
    url: 'your-server-side-api-to-get-token', // 假设这是一个获取token的服务器端API
    type: 'GET',
    success: function(token) {
        localStorage.setItem('token', token);
        console.log("Token saved to localStorage: ", token);
    },
    error: function() {
        console.error("Failed to save token to localStorage.");
    }
});

// 从localStorage读取数据
function getUserData() {
    var token = localStorage.getItem('token');
    if (token) {
        console.log("Retrieved token from localStorage: ", token);
    } else {
        console.log("No token found in localStorage.");
    }
}

// 更新localStorage中的数据
function updateUserData(newToken) {
    localStorage.setItem('token', newToken);
    console.log("Updated token in localStorage: ", newToken);
}

// 删除localStorage中的数据
function deleteUserData() {
    localStorage.removeItem('token');
    console.log("Token deleted from localStorage.");
}

在这个例子中，我们首先通过AJAX请求从服务器获取一个token，然后将其保存到localStorage。之后可以读取这个token，更新或者删除数据。