在 Ajax 请求中添加 Token 到请求头

在使用 Ajax 进行 HTTP 请求时，通常需要添加一个身份验证令牌（Token）到请求头，以确保安全性。以下是如何在不同的 JavaScript 库和原生 JavaScript 中添加 Token 的示例。

1. 使用 jQuery 的 Ajax 请求

如果您使用 jQuery 来发送 Ajax 请求，可以通过 beforeSend 函数添加请求头。

示例

$.ajax({
    url: 'https://api.example.com/data',
    type: 'GET',
    beforeSend: function(xhr) {
        xhr.setRequestHeader('Authorization', 'Bearer YOUR_TOKEN_HERE');
    },
    success: function(data) {
        console.log('成功:', data);
    },
    error: function(jqXHR, textStatus, errorThrown) {
        console.error('错误:', textStatus, errorThrown);
    }
});

2. 使用 Fetch API

如果您使用 Fetch API，可以在请求选项中直接添加请求头。

示例

fetch('https://api.example.com/data', {
    method: 'GET',
    headers: {
        'Authorization': 'Bearer YOUR_TOKEN_HERE',
        'Content-Type': 'application/json'
    }
})
.then(response => {
    if (!response.ok) {
        throw new Error('网络错误');
    }
    return response.json();
})
.then(data => {
    console.log('成功:', data);
})
.catch(error => {
    console.error('错误:', error);
});

3. 使用 Axios

如果您使用 Axios 库来发送请求，可以在请求配置中添加请求头。

示例

axios.get('https://api.example.com/data', {
    headers: {
        'Authorization': 'Bearer YOUR_TOKEN_HERE'
    }
})
.then(response => {
    console.log('成功:', response.data);
})
.catch(error => {
    console.error('错误:', error);
});