XMLHttprequest 错误消息即使在成功的情况下

Question

这个“工作”脚本将 JSON 发送到外部 API。它不能正确地在控制台中记录成功或错误。 即使它有效，它仍然向我显示“错误”三遍。 问题：

一个。在成功的情况下导致错误消息的代码错误在哪里？

编辑：这部分 (a) 已由 Suren Srapyan 回答，我将 abc.status 搞砸了，下面的代码已更新

b. de XMLHttpRequest() 是否总是运行三次，因此会记录三次消息，还是由其他原因引起的？

编辑：这很可能是由代码的其他部分引起的

var abc = new XMLHttpRequest();
  var url = "http://myurl";
  abc.open("POST", url, true);
  abc.setRequestHeader("Content-type","application/json");
  abc.onreadystatechange = function () {
    if (abc.status >= 200 && abc.status < 300) {
        console.log(abc.responseText);
        console.log("Success!!");
    } else {
      console.log("Error!");
    }

Answer 1

一个值不能同时为>= 200 和小于200。因此，您将始终收到Error 消息。我认为您需要检查statusCode 仅与200 进行比较。但也要注意你得到了status。如果您要进入cross site，您将获得status 代码设置为0。

var abc = new XMLHttpRequest();
var url = 'https://jsonplaceholder.typicode.com/posts/1';

abc.onreadystatechange = function () {
  console.log(abc.status);
  if (abc.status === 200) {
      console.log(abc.responseText);
      console.log("Success!!");
  } else {
    console.log("Error!");
  }
}

abc.open("GET", url, true);
abc.setRequestHeader("Content-type","application/json");