Ajax POST请求自定义Header未生效，返回无效API KEY问题求助

嘿，我太懂你反复核对100次API密钥却还是收到“无效API KEY”的挫败感了——这种情况十有八九是请求头的传递环节出了问题，尤其是用jQuery AJAX的时候，有些细节很容易踩坑。咱们一步步排查：

1. 先抓包确认请求头是否真的发送出去了 #

别光盯着代码猜，直接看浏览器实际发出去的请求才是最靠谱的：

• 打开浏览器开发者工具（按F12），切换到「Network」标签
• 发起你的AJAX请求，找到对应的POST请求条目
• 查看「Request Headers」部分，确认X-API-KEY和Content-Type这两个头是否存在，并且值完全正确
  • 如果看不到X-API-KEY，那就是头根本没传出去，重点排查跨域或jQuery配置问题；
  • 如果能看到头但还是报错，那可能是密钥有隐藏格式问题（比如复制时带了空格、换行），或者服务器端的额外要求。

2. 调整jQuery AJAX的请求头设置方式 #

有时候直接用headers配置可能在跨域场景下出问题，试试用beforeSend函数手动设置请求头，这种方式兼容性更好：

$.ajax({
  type: 'POST',
  url: "https://api.coinigy.com/api/v1/exchanges",
  contentType: 'application/json', // jQuery专门的contentType参数，不用放headers里
  beforeSend: function(xhr) {
    // 手动设置API密钥头
    xhr.setRequestHeader("X-API-KEY", "XXXXXXXXXXXXXXXXXXXXXXXXXXXX...");
    // 划重点！Coinigy API通常需要同时传递API密钥和密钥Secret，别漏了这个！
    xhr.setRequestHeader("X-API-SECRET", "你的API Secret值");
  },
  // POST请求一般需要传递请求体，根据API要求填写对应参数，空对象仅作示例
  data: JSON.stringify({}),
  success: function(res) {
    console.log("请求成功：", res);
  },
  error: function(xhr, status, err) {
    // 打印错误详情，方便排查
    console.log("响应头：", xhr.getAllResponseHeaders());
    console.log("错误信息：", xhr.responseText);
  }
});

注意：jQuery的contentType参数是专门用来设置请求内容类型的，单独配置比放在headers里更规范，也能避免潜在的冲突。

3. 排查跨域（CORS）问题 #

如果你的页面域名和Coinigy API域名不同，浏览器会先发一个OPTIONS预检请求，这时候需要服务器端允许X-API-KEY这个自定义头：

• 确认Coinigy的API是否允许你的域名跨域访问（可以查他们的官方文档）
• 在AJAX配置里加上crossDomain: true，jQuery通常会自动处理跨域，但加上更稳妥

4. 最后再核对一次密钥细节 #

虽然你说核对了100次，但还是建议：

• 复制纯文本格式的密钥，别从Word、PDF这类带格式的文档里复制（容易带隐藏字符）
• 确认是否同时需要传递X-API-SECRET（Coinigy的API大多要求这个，漏传的话也会返回无效API KEY）

内容的提问来源于stack exchange，提问作者Sreekuttan Sudarsanan