时间戳

首页 > 解决方案 > 加载 JSON API 数据的特定部分

javascript - 加载 JSON API 数据的特定部分

问题描述

我知道以前有人问过这个问题，但我已经尝试了几乎所有方法来让它工作，AJAX，JQUERY，尝试使用 p5.js，但似乎没有一个工作。

我要做的就是打开我的 api，解析 JSON 数据，并记录 JSON 数据的 first_name 元素

我愿意使用其他函数来实现 API 结果。

var apiURL = 'url';

var request1 = new XMLHttpRequest();

request1.open('GET', apiURL, true);


request1.onload = function()
{
if (this.status === 200)
    {
       
    console.log(JSON.parse(request1.responseText));
        ting = JSON.stringify(JSON.parse(request1.responseType));
        console.log(ting);
        console.log(ting.first_name);
        console.log(ting.first_name[0]);
    }
};

request1.send();

API 网址是https://api.hunter.io/v2/email-finder?domain=asana.com&first_name=Dustin&last_name=Moskovitz&api_key={API KEY}

JSON数据是

JSON Gyazo

标签： javascript

解决方案

这会使用 jQuery AJAX 将您的 first_name 记录到控制台。

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
  $.ajax({
    url: "https://api.hunter.io/v2/email-finder?domain=asana.com&first_name=Dustin&last_name=Moskovitz&api_key={API_KEY}",
    type: 'GET',
  }).done(function(dataObj) {
        console.log(dataObj.data.first_name);
  }).fail(function(xhr, textStatus, errorThrown) {
    alert("Error: " + xhr.status + " " + textStatus);
  });
</script>

推荐阅读