Javascript 如何从数据库中获取JSON数据?
我已经准备了一个JavaScript可视化代码,可视化工作通过简单的HTTP服务器,因为所有必要的数据都在一个文件夹中。但是,如果需要从数据库(现在是JSON文件)获取数据输入,我就无法让它工作 我已经将下面的示例数据(csv文件)加载到teradata数据库中Javascript 如何从数据库中获取JSON数据?,javascript,json,csv,pull,Javascript,Json,Csv,Pull,我已经准备了一个JavaScript可视化代码,可视化工作通过简单的HTTP服务器,因为所有必要的数据都在一个文件夹中。但是,如果需要从数据库(现在是JSON文件)获取数据输入,我就无法让它工作 我已经将下面的示例数据(csv文件)加载到teradata数据库中 |x1. . . . . |y1. . . . .|z1. . . . . |x2. . . . . |y2. . . . .|z2. . . . . | |-0.858927763|0.121607854|-0.067815693|-
|x1. . . . . |y1. . . . .|z1. . . . . |x2. . . . . |y2. . . . .|z2. . . . . |
|-0.858927763|0.121607854|-0.067815693|-0.100387679|0.142522011|-0.085021698|
|0.759678102 |1.670849337|0.389506443 |-0.841098362|0.745253687| 0.07724956 |
|1.617835159 |0.671663712|0.676541754 |-0.086900337|1.162505997| 0.822100957|
|1.878302821 |0.985942302|1.756579077 |-0.418153016|2.471764891| 0.234493023|
teradata工具的文档说明,要访问数据,index.html代码必须使用以下消息处理程序:
$(window).on('message', handler)
event.originalEvent.data
并且可以使用以下方法在处理程序内部访问数据:
$(window).on('message', handler)
event.originalEvent.data
在我的本地服务器中,从csv获取数据的JavaScript代码如下所示:
<script>
Plotly.d3.csv('3d-scatter.csv', function(err, rows){
function unpack(rows, key) {
return rows.map(function(row)
{ return row[key]; });
}
</script>
fetch("http://host/endpoint.json")
.then(res => res.json())
.then(data => {
// data is an array of object,
// iterate over it and create an in-memory CSV
// or verify if Plotly.d3 can be fed directly this array
})
Plotly.d3.csv('3d-scatter.csv',函数(err,rows){
函数解包(行、键){
返回rows.map(函数(行)
{返回行[key];});
}
我只是想知道应该使用什么代码来获取和转换从event.originalEvent.data处理程序中提取的JSON数据(以前是“3d scatter.csv”,现在是数据库中的JSON数据)
我找到了包含数据的处理程序 在“消息”事件处理程序下:可以在此路径(.handler.elem.visJson.data)中找到数据 因此,当我调用visJson.data时,控制台输出一个数组。您可以使用浏览器。
fetch()
global函数可以从网络获取资源,返回HTTP响应的Promise
像这样使用它:
<script>
Plotly.d3.csv('3d-scatter.csv', function(err, rows){
function unpack(rows, key) {
return rows.map(function(row)
{ return row[key]; });
}
</script>
fetch("http://host/endpoint.json")
.then(res => res.json())
.then(data => {
// data is an array of object,
// iterate over it and create an in-memory CSV
// or verify if Plotly.d3 can be fed directly this array
})
虽然这段代码可以回答这个问题,但提供关于它如何和/或为什么解决问题的附加上下文将提高答案的长期价值。