Javascript “模块名称”；“请求”；尚未加载上下文：\的。使用require（[]）

我试图加载一个函数，该函数在HTML页面上向我返回一个

JSON

，以便创建一个表

是否有一种方法可以启动该函数，并将返回的

JSON

正文插入

HTML

中的变量中，以将其转换为

表

odatafunction.js

let Request = require("request");
const EventEmitter = require("events").EventEmitter;
const risultato = new EventEmitter();
let keys;
function createArrayKey(array, object) {
    let key = Object.keys(object);
    for (let i = 0; i < Object.keys(object).length; i++) {
        if(i === 0){
            array += object[key[i]];
        }else{
            array += "," + object[key[i]];
        }

    }
    return array;
}

function removeDuplicates(array, key) {
    let lookup = {};
    let result = [];
    array.forEach(element => {
        if (!lookup[element[key]]) {
            lookup[element[key]] = true;
            result.push(element);
        }
    });
    return result;
}


function check_missing_value(new_object2, max_key) {
    var breakLoop = false;
    var miss;
    for(var i=0; i<Object.keys(new_object2).length ; i++){
        miss = -1;
        for(var j = 0; j < Object.keys(max_key).length && !breakLoop ;j++){
            //console.dir(max_key[j]);
            if(!Object.keys(new_object2).includes(max_key[j])){
                new_object2[max_key[j]]="NULL";
                breakLoop = true;
            }

            }
        }


    return new_object2;
}
function retriveData(){
    const http = Request("https://services.odata.org/V3/OData/OData.svc/PersonDetails?$format=json",
        (error, response, body) => {
            if (error) {
                return console.dir(error);
            }
            let json_body = JSON.parse(body);
            let value_json = json_body.value;
            let new_json = [];
            var html = '<table class="table table-striped">';
            html += '<tr>';
            //console.dir(Object.keys(value_json[0]));
            let max_key = (Object.keys(value_json[0]));
            keys = max_key;
            for (var i = 0; i < Object.keys(keys).length; i++) {
                html += '<th>' + keys[i] + '</th>';
            }
            html += '</tr>';
            for (let i = 0; i < Object.keys(value_json).length; i++) {
                let new_object2 = {};
                let element = value_json[i];
                html += '<tr>';
                for (var j = 0; j < Object.keys(element).length; j++) {

                    var temp = Object.keys(element);
                    switch (typeof element[temp[j]]) {
                        case "object":
                            var array = createArrayKey("", element[temp[j]]);
                            new_object2[temp[j]] = array;
                            html += '<td>' + array + '</td>';
                            break;
                        case "number":
                            new_object2[temp[j]] = element[temp[j]];
                            html += '<td>' + element[temp[j]] + '</td>';
                            break;
                        case "string":
                            new_object2[temp[j]] = element[temp[j]];
                            html += '<td>' + element[temp[j]] + '</td>';
                            break;
                        case "boolean":
                            new_object2[temp[j]] = element[temp[j]];
                            html += '<td>' + element[temp[j]] + '</td>';
                            break;
                        case "bigint":
                            new_object2[temp[j]] = element[temp[j]];
                            html += '<td>' + element[temp[j]] + '</td>';
                            break;
                    }

                }
                html += '<tr>';
                new_object2 = check_missing_value(new_object2, max_key);
                new_json.push(new_object2);
            }
            html += '</table>';
            removeDuplicates(new_json, 'PersonID');
            risultato.data = new_json;
            risultato.emit('update');
            console.dir(html);
        });
    risultato.on('update', function () {
        //console.log(risultato.data); // HOORAY! THIS WORKS!
    });
    return risultato.data;
}


define({
     results : retriveData()
});
module.exports.retriveData = retriveData;

index.ejs

 <!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <h1><%= title %></h1>
    <p>Welcome to <%= title %></p>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script data-main="javascripts/odatafunction.js" src="requirejs.js"></script>
    <script type="text/javascript" >
      var trs = require(function (require){
        var test = require("javascripts/odatafunction.js");
        return{
          myfunc: function () {
              test.retriveData();
                    }
        }
      });
      odatafunction = require(["odatafunction"]);
      var data = odatafunction.retriveData;
      $(document).ready(function () {
        var html = '<table class="table table-striped">';
        html += '<tr>';
        var flag = 0;
        $.each(data[0], function (index, value) {
          html += '<th>' + index + '</th>';
        });
        html += '</tr>';
        $.each(data, function (index, value) {
          html += '<tr>';
          $.each(value, function (index2, value2) {
            html += '<td>' + value2 + '</td>';
          });
          html += '<tr>';
        });
        html += '</table>';
        $('body').html(html);
      });
    </script>
  </body>
</html>

欢迎来到

var trs=需要（功能（需要）{
var test=require（“javascripts/odatafunction.js”）；
返回{
myfunc:函数（）{
test.retrievedata（）；
}
}
});
odatafunction=require（[“odatafunction”]）；
var数据=odatafunction.retriveData；
$（文档）.ready（函数（）{
var html=''；
html+=''；
var标志=0；
$.each（数据[0]，函数（索引，值）{
html+=''+索引+''；
});
html+=''；
$.each（数据、函数（索引、值）{
html+=''；
$.each（值，函数（index2，value2）{
html+=''+value2+''；
});
html+=''；
});
html+=''；
$（'body'）.html（html）；
});

您是否将JSON数据转换两次？我的意思是，首先在

retrievedata（）

中解析json，然后再次解析html结果。。。至少看起来是这样。至于错误，你不需要请求吗<代码>常量请求=要求（'Request'）我第一次转换从odata获取的json时，在同一个函数中添加缺少的键字段（或者在任何情况下，这都是我的意图）。抱歉，我想现在我在OData函数中留下了一个创建表的示例。如果需要，我将删除它。目的是获取odatafunction.js中的json并检索html中的输出以创建一个表。const Request=require（'Request'）；我应该在哪里使用它？在

odatafunction.js

中，您正在该文件中使用请求您是否将JSON数据转换两次？我的意思是，首先在

retrievedata（）

中解析json，然后再次解析html结果。。。至少看起来是这样。至于错误，你不需要请求吗<代码>常量请求=要求（'Request'）我第一次转换从odata获取的json时，在同一个函数中添加缺少的键字段（或者在任何情况下，这都是我的意图）。抱歉，我想现在我在OData函数中留下了一个创建表的示例。如果需要，我将删除它。目的是获取odatafunction.js中的json并检索html中的输出以创建一个表。const Request=require（'Request'）；我应该在哪里使用它？在

odatafunction.js

中，您正在该文件中使用请求

 <!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <h1><%= title %></h1>
    <p>Welcome to <%= title %></p>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script data-main="javascripts/odatafunction.js" src="requirejs.js"></script>
    <script type="text/javascript" >
      var trs = require(function (require){
        var test = require("javascripts/odatafunction.js");
        return{
          myfunc: function () {
              test.retriveData();
                    }
        }
      });
      odatafunction = require(["odatafunction"]);
      var data = odatafunction.retriveData;
      $(document).ready(function () {
        var html = '<table class="table table-striped">';
        html += '<tr>';
        var flag = 0;
        $.each(data[0], function (index, value) {
          html += '<th>' + index + '</th>';
        });
        html += '</tr>';
        $.each(data, function (index, value) {
          html += '<tr>';
          $.each(value, function (index2, value2) {
            html += '<td>' + value2 + '</td>';
          });
          html += '<tr>';
        });
        html += '</table>';
        $('body').html(html);
      });
    </script>
  </body>
</html>