将数据从平面JSON检索到HTML中

将数据从平面JSON检索到HTML中,html,json,node.js,botframework,Html,Json,Node.js,Botframework,在此基础上,我成功地将聊天机器人的对话历史保存为一个简单的json文件。现在我想在index.html文件中查看json的内容。我尝试在我的html中使用此代码,但得到一个空白页 <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> &l

在此基础上,我成功地将聊天机器人的对话历史保存为一个简单的json文件。现在我想在
index.html
文件中查看json的内容。我尝试在我的html中使用此代码,但得到一个空白页

<html>
<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

    <script>    
    $(function() {
        $.getJSON('chathistory.json', function(json) {
            console.log(json); 
        });
    });
    </script>
</head>
</html>
My chathistory.json文件:

bot.use({
    botbuilder: function (session, next) {
       //console.log(session.message.text);
       test="\r\nUSER: "+session.message.text;
       fs.appendFile(filename, test, function(err){     });
       next();
   },

     send: function (event, next) {
        //console.log(event.text);
        test="\r\nBOT: "+event.text;
        fs.appendFile(filename, test, function(err){        });
        next();
    }
}); 
USER: hi
BOT: Hi, I am your chatbot.
BOT: What is your name?
USER: Anish
BOT: Hello, Anish. How may I help you today?

如何在我的index.html页面中查看这些数据?

您正在执行
console.log(json)
,因此您没有在html中编写任何内容;尝试执行
document.write(json)

好的,您会看到一个空白页面,但是您是否检查了开发人员控制台以查看您的json是否从文本文件中正确读取?您得到的是一个空白页面,因为您的javascript没有对json数据做任何处理。这对我来说不起作用。我仍然得到一张空白页。你认为我剩下的html代码是正确的吗?你确定你做到了吗?也许getJson失败了?
chathistory.json
是一个文件,它与app.js、package.json等一起创建在bot的同一文件夹中。那么我还需要提到整个路径吗?或者chathistory.json工作正常吗?此外,该文件非常扁平,没有任何json格式。更像是自由文本。这会引起什么问题吗?