如何使用 JavaScript 在 Hackerrank 中发出 AJAX 请求？

Question

我打开 Hackerrank 示例测试并尝试使用可能用于进行 AJAX 调用的方法。XMLHttpReq, fetch, 等等。它们都不起作用；XHR和fetch方法不可用。

第一fetch：

async function myFetch() {
  let response = await fetch('https://jsonplaceholder.typicode.com/todos/1');
  let data = await response.json();
  console.log(data);
}

Hackerrank 抛出错误，因为fetch它不是一个函数。我也试过window.fetch，global.fetch无果。

我试过XHR：

function myXHR() {
  var xmlhttp = new XMLHttpRequest();
  xmlhttp.onreadystatechange = function() {
    if (this.readyState === 4 && this.status === 200) {
      console.log(this.responseText);
      // or JSON.parse(this.responseText);
    }
  };
  xmlhttp.open('GET', 'https://jsonplaceholder.typicode.com/todos/1');
  xmlhttp.send();
}

Hackerrank 说XMLHttpRequest没有定义。

Hackerrank 正在执行 Node.JS 代码，这解释了为什么XHR不可用，也许我必须要求自己。除了我npm install什么也做不了，我只能访问他们的小 IDE。

你如何在这个平台上用 JavaScript 进行 AJAX 调用？

Answer 1

我已经通过了 HackerRank REST API 认证并且遇到了同样的问题。HackerRank 使用 NodeJs 环境来运行您的代码（在语言选择中说），因此 XMLHttpRequest 和 fetch 都不可用（因为它们仅适用于浏览器）。

我建议你使用requestnpm 包，HackerRank 允许你使用它。一个缺点是请求不支持 Promises 和 Async/Await，除非你导入其他包（HackerRank 似乎无法识别）。

这是我使用的：

const request = require('request');

function myFetch(url) {
  return new Promise((resolve, reject) => {
    request(url, function (error, response, body) {
      if(error) reject(error)

      else resolve(body)
    });
  });
}

注意：请求包最近已被弃用，但它仍然适用于您的用例。