创建node.js应用程序以使用API并将响应打印到HTML_Html_Api_Node.js

创建node.js应用程序以使用API并将响应打印到HTML

html api node.js

创建node.js应用程序以使用API并将响应打印到HTML,html,api,node.js,Html,Api,Node.js,首先，我对node.js和web服务非常陌生我正在做一些事情，这需要我从openweather.org API获取温度，并在HTTP中提供结果 api是我想以HTML格式保存城市名称、温度和温度，格式如下： <!DOCTYPE html> <html> <head> <title>Something</title> </head> <body> <h1>Current Weather&

首先，我对node.js和web服务非常陌生

我正在做一些事情，这需要我从openweather.org API获取温度，并在HTTP中提供结果

api是

我想以HTML格式保存城市名称、温度和温度，格式如下：

<!DOCTYPE html>
<html>
<head>
    <title>Something</title>
</head>
<body>

<h1>Current Weather</h1>

<hr/>
<strong id="city">{{city}}</strong>
<span id="temperature">{{temperature}}</span>
<span id="unit">{{unit}}</span>
<hr/>
<small>last update: <span id="lastupdate">{{datetime}}</span></small>

</body>
</html>


某物
当前天气

{{city}
{{温度}}
{{unit}

上次更新：{{datetime}}

我该怎么做？任何帮助。

步骤1：创建一个简单的节点应用程序来执行api请求并将输出返回控制台。让你的生活变得轻松

步骤2：使用类似于中的模板引擎或其他模板引擎将api输出与上述html模板合并。例如：

var apiResult = JSON.parse(the_result_of_api_call);
var template = '<strong id="city"><%= list[0].name %></strong>';
var output = _.template(template)(apiResult);

var-apireult=JSON.parse（调用的结果）；
变量模板='；
var输出=u0.template（模板）（apiResult）；

步骤3：创建一个简单的节点应用程序来执行api请求并将输出返回控制台。让你的生活变得轻松

步骤2：使用类似于中的模板引擎或其他模板引擎将api输出与上述html模板合并。例如：

var apiResult = JSON.parse(the_result_of_api_call);
var template = '<strong id="city"><%= list[0].name %></strong>';
var output = _.template(template)(apiResult);

var-apireult=JSON.parse（调用的结果）；
变量模板='；
var输出=u0.template（模板）（apiResult）；

步骤3：创建一个组合上述内容并执行响应。发送（mergedoutput）。

有关详细信息，请访问

        var options = {
          host: url,
          port: 80,
          path: '/resource?id=foo&bar=baz',
          method: 'POST'
        };

        http.request(options, function(res) {
          console.log('STATUS: ' + res.statusCode);
          console.log('HEADERS: ' + JSON.stringify(res.headers));
          res.setEncoding('utf8');
          res.on('data', function (chunk) {
            console.log('BODY: ' + chunk);
          });
        }).end();

上面的代码块将帮助您从其他网站检索数据

如果希望以问题中提到的（类似）方式呈现数据，则需要查看

backbone.js

和

underline.js

您可以看到一个具有类似内容的示例：

有关详细信息，请访问

        var options = {
          host: url,
          port: 80,
          path: '/resource?id=foo&bar=baz',
          method: 'POST'
        };

        http.request(options, function(res) {
          console.log('STATUS: ' + res.statusCode);
          console.log('HEADERS: ' + JSON.stringify(res.headers));
          res.setEncoding('utf8');
          res.on('data', function (chunk) {
            console.log('BODY: ' + chunk);
          });
        }).end();

上面的代码块将帮助您从其他网站检索数据

如果希望以问题中提到的（类似）方式呈现数据，则需要查看

backbone.js

和

underline.js

您可以看到一个具有类似内容的示例：

这些问题一次就有很多。这些问题一次就有很多。我发现如何使用下划线模板引擎合并我的api输出有点困难？任何帮助或示例代码都会非常有用。我添加了一个模板示例。我发现如何使用下划线模板引擎合并api输出有点困难？任何帮助或示例代码都会非常有用。我添加了一个模板示例