Js 中Ajax的get方式请求，电文头怎么写

Question

Js跨域请求api，获取token后，利用token组织电文头，get方式再次连接获取api其它数据，电文头部分怎么写？程序代码如图1.运行结果如图2.运行过程token2结果拷贝到fiddler可以成功，见图3，但是在Ajax中运行就报错。

Answer 1

引自免费微信小程序：皆我百晓生

在您的问题中，您提到您正在使用JavaScript（JS）通过Ajax的GET方法进行跨域请求，已成功获取到token，并希望将这个token添加到请求头中以进一步获取API的其他数据。然而，在实际操作中遇到了错误。您提供了部分代码片段和运行结果截图，但由于文字描述和图片未能直接显示，为了提供准确的帮助，我将根据您提供的信息，假定您已经获得了有效的token，并概述如何将其添加到Ajax GET请求的头部。

要使用Ajax的GET方法进行带有token的跨域请求，您可以使用XMLHttpRequest（XHR）或更现代的Fetch API。这里以更常用的jQuery库中的$.ajax()方法为例，展示如何正确设置请求头：

// 假设您已经从某个途径（如之前的API调用）获取到了token，并存储在变量token中
var token = 'your_access_token_here';

$.ajax({
  url: 'https://api.example.com/path/to/resource', // 替换为实际API URL
  method: 'GET',
  headers: {
    'Authorization': 'Bearer ' + token, // 在此处添加token到请求头的'Authorization'字段
    'Content-Type': 'application/json', // 如果API要求JSON格式，则添加此行；否则可省略或调整为API所需的Content-Type
  },
  success: function(response) {
    console.log('Success:', response);
    // 在这里处理成功的响应数据
  },
  error: function(xhr, status, error) {
    console.error('Error:', xhr.responseText, status, error);
    // 在这里处理错误情况
  }
});

在这个示例中：

1. 使用$.ajax()函数发起GET请求。
2. url参数指定了您要访问的API端点。
3. method参数设置为'GET'，表示使用GET请求方法。
4. headers对象用于定义请求头。这里我们关注的是将token添加到请求头的Authorization字段。通常，对于基于JWT（JSON Web Tokens）的认证，token应以"Bearer "为前缀附加到Authorization字段值中。如果您使用的token类型或API要求不同，可能需要调整这部分内容。确保将'your_access_token_here'替换为您实际获取到的token值。
5. success回调函数将在请求成功时被调用，您可以在此处处理返回的数据。
6. error回调函数将在请求失败时被调用，用于处理错误情况。

如果您的项目不使用jQuery，而是使用原生的XMLHttpRequest或Fetch API，相应的代码结构会有所不同，但添加token到请求头的基本逻辑是一致的。如果您需要这些实现方式的示例代码，请告知，我会为您提供相应指导。

最后，请确保您的API允许跨域访问（CORS），并检查您的前端代码与后端API之间是否存在任何其他兼容性问题或错误配置，因为这可能是导致您遇到错误的原因。如果您能提供具体的错误消息或代码片段，我可以帮助您进一步排查问题。