Question

我正在做一个反应快递项目。

在后端，我制作了一个小API，可以在我的/ API /路由上传输一些信息。只是一个JSON对象。

问题是，我不知道我应该如何将这些信息放在我的前端并使用它。

我正在使用该项目作为学习练习。我以前从未使用过API。

我的主要问题（我认为）是英语不是我的第一语言。因此，当我尝试谷歌这个问题时，我会得到各种结果，因为我可能没有使用正确的单词。

任何帮助将不胜感激！

Answer 1

您通常使用JSON HTTP请求提取数据。假设您有一条返回JSON格式响应的路由app.get('/API/myData', function(request, response) { response.json(myData); });。您的服务器代码应该是：

var request = require('request');
request('localhost/API/mydata', function (error, response, body) {
    if (!error && response.statusCode == 200) {
        var result = JSON.parse(body); // here is your JSON data
    }
});

在您的反应应用中，您可以使用任何请求库提取此数据。例如here：

这只是一个起点。您应该查看快速示例，请求示例和其他类似的库以熟悉它。

Answer 2

我在这里使用window.fetch，因为这是最简单的开始（即使它尚未在所有浏览器中都支持）。你也可以使用jQuery的ajax函数或任何数量的东西。

fetch('https://httpbin.org/ip')
  .then(data => data.json())
  .then(json => document.getElementById('your-ip').innerHTML = json.origin)

Your IP is: <div id="your-ip"></div>

理解和使用API

2 个答案: