页面自动请求Ajax 用于登录成功后自动请求数据
在登录成功后,可以使用JavaScript的XMLHttpRequest
或现代的fetch
API来发送Ajax请求。以下是使用fetch
API的示例代码:
// 假设登录成功后有一个token
const token = '登录成功后获取到的Token';
// 登录成功后自动发起的请求URL
const url = 'http://example.com/api/data';
// 使用fetch发送请求
fetch(url, {
method: 'GET', // 请求方法
headers: {
'Authorization': `Bearer ${token}` // 携带Token的认证头部
}
})
.then(response => {
if (response.ok) {
return response.json(); // 如果响应正常解析JSON
}
throw new Error('Network response was not ok.');
})
.then(data => {
console.log('获取到的数据:', data);
})
.catch(error => {
console.error('请求失败:', error);
});
确保在发送请求前已经有了登录成功的token
,并且该token
在请求头中被正确设置。如果是其他HTTP方法(如POST, PUT等),你可能还需要指定请求的body
。
评论已关闭