如何用Javascript呼叫API忍者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 ，但返回的错误是它不是 function。我也试过删除$.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}`)
        });