将数据从平面JSON检索到HTML中
在此基础上,我成功地将聊天机器人的对话历史保存为一个简单的json文件。现在我想在将数据从平面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
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格式。更像是自由文本。这会引起什么问题吗?