接收来自 API 调用的编码 JSON 响应

Question

I'm sending a POST request to a REST API endpoint, and am receiving JSON response back filled with question mark diamonds and other unicode characters. But when I test API on Postman, I am correctly receiving JSON response. Here is my code for calling API:

xhr.open(method,url);
xhr.setRequestHeader("Authorization", "Bearer" + " " + accessToken);
xhr.setRequestHeader("Content-Type", "application/json");

xhr.onreadystatechange = function () {
  if (xhr.readyState === 4) {
     console.log(xhr.status);
     console.log(xhr.responseText);
  }};
xhr.send(JSON.stringify(data));

The response I'm getting is like this: ��}�r�8���|ʧj���t���<Pe3�H���8�灖(��2�?��=S]�?䜟�_r��I�"

Answer 1

If you are supposed to run this Javascript code on browsers, then why not just use fetch ? The problem you are facing is most likely because the response sent from the server is compressed. To solve this you would need to implement another library to decompress the response before using it. Rather than overcomplicating the code by trying to decompress the response by using another library, just use fetch instead which would automatically do the job for you. You can use fetch on browsers by default. Try this,

fetch(url, {
  method,
  headers: {
    'Authorization': `Bearer ${accessToken}`,
    'Content-Type': 'application/json',
  },
  body: JSON.stringify(data),
})
  .then(response => response.json()) // parse JSON response
  .then(data => console.log(data))   // log data
  .catch(console.error);             // log errors

See, https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API