如何用Javascript调用API Ninjas API？

Question

我正在尝试使用来自 https://api-ninjas.com/api/geocoding/ 的 API。他们的网站提供了以下关于如何调用 API 的起始代码，但是当我尝试它时，浏览器控制台只是告诉我

$

未定义。

$.ajax

是我需要创建的东西的替代品吗？

这是他们提供的起始代码：

var city = 'london'
$.ajax({
    method: 'GET',
    url: 'https://api.api-ninjas.com/v1/geocoding?city=' + city,
    headers: { 'X-Api-Key': 'YOUR_API_KEY'},
    contentType: 'application/json',
    success: function(result) {
        console.log(result);
    },
    error: function ajaxError(jqXHR) {
        console.error('Error: ', jqXHR.responseText);
    }
});

我尝试编写

document.ajax

，但返回的错误是它不是一个函数。我还尝试删除

$.ajax

并将

fetch

放在原来的位置

Answer 1

我能够使用以下代码解决：

let options = {
    method: 'GET',
    headers: { 'x-api-key': 'myKey' }
  }
  
  let url = 'https://api.api-ninjas.com/v1/geocoding?city=denver'
  
  
  fetch(url,options)
        .then(res => res.json()) // parse response as JSON
        .then(data => {
          console.log(data)
        })
        .catch(err => {
            console.log(`error ${err}`)
        }); 
       

Answer 2

我想通过使用 ninja API 选择国家/地区来获取全世界天气数据，任何人都可以帮助我，我该怎么做