我如何将Http获取请求文件中的Json数据显示到空白html页面上

Question

我创建了一个js文件，该文件可让我从api检索/输出数据，我将如何将该文件显示到html页面。

在使用node.js通过终端编译我的数据

如果你们知道一堆方法，请给我链接。 谢谢。

var realmStatus =“ http://api.dol.gov/V1/Statistics/OES/OE_OCCUPATION/?KEY=1ce7650d-b131-4fb7-91b3-b7761efc8cd4 ”；

var http = require("http");
var options = {
        host: 'api.dol.gov',
        path: realmStatus,
        type: 'GET',
        dataType: 'json',
        accept: 'application/json'
        };


 console.log("Start");
var x = http.request(options,function(res){
    console.log("Connected");
    res.on('data',function(data){

        data =JSON.stringify(data.toString());
        data =JSON.parse(data.toString());

       console.log(data.toString()+"\n");
    });
}});
x.end();

Answer 1

如果您使用的是Node，请尝试安装Pug（以前称为Jade）软件包。 然后，您可以轻松地将JSON传递到呈现HTML的哈巴狗页面。 https://pugjs.org/api/getting-started.html

Answer 2

稍微但更详细的说明将有所帮助，但是我认为您只需要制作一个html页面并将js文件作为脚本包括在内？ 如果您要不断显示来自请求的更新数据，请创建一个函数来更新html页面上的div。 有点像

HTML：index.html

...
<head><script src="/path/to/js/file">..</head>
<div id="data"></div>

JS：file.js

var callback = function(data){
 if (data) document.getElementById('data').innerhtml = JSON.stringify(data);
}
var api_call = ajax_request(callback);

Answer 3

如果它是头部中包含的JS文件，我认为上述@Daniel的答案应该对您有用。

如果是对API的调用，则可以考虑使用jQuery AJAX调用，并在Div标签中显示响应数据。

HTML

<div id="div1"></div>

JS

$.ajax({url: "domain.com/api", success: function(result){
        $("#div1").html(result);
    }});

我如何将Http获取请求文件中的Json数据显示到空白html页面上

问题描述

3 个解决方案

解决方案1
0 2017-04-07 02:18:50

解决方案2
0 2017-04-07 02:25:29

解决方案3
0 2017-04-07 02:56:52

我如何将Http获取请求文件中的Json数据显示到空白html页面上

问题描述

3 个解决方案

解决方案1 0 2017-04-07 02:18:50

解决方案2 0 2017-04-07 02:25:29

解决方案3 0 2017-04-07 02:56:52

解决方案1
0 2017-04-07 02:18:50

解决方案2
0 2017-04-07 02:25:29

解决方案3
0 2017-04-07 02:56:52