Javascript-接收和格式化HTML

Javascript-接收和格式化HTML,javascript,jquery,html,node.js,laravel,Javascript,Jquery,Html,Node.js,Laravel,我一直在努力想办法解决这个问题。我正在使用GoogleMapsJSAPI构建一张地图,以显示指定卫星的轨道。我已经能够实现一些结果,其中没有一个从HTML页面获取数据,这是我希望能够做到的。数据是使用Laravel Blade为每个页面动态生成的,结果来自我的SQL数据库 为了绘制卫星的轨道,我必须使用轨道js库 到目前为止,我成功地做到了这一点: 从文本文件中获取数据,格式为: 0 ISS (ZARYA) 1 25544U 98067A 17202.2586070

我一直在努力想办法解决这个问题。我正在使用GoogleMapsJSAPI构建一张地图,以显示指定卫星的轨道。我已经能够实现一些结果,其中没有一个从HTML页面获取数据,这是我希望能够做到的。数据是使用Laravel Blade为每个页面动态生成的,结果来自我的SQL数据库

为了绘制卫星的轨道,我必须使用轨道js库

到目前为止,我成功地做到了这一点: 从文本文件中获取数据,格式为:

0 ISS (ZARYA)             
1 25544U 98067A   17202.25860705  .00002617  00000-0  46671-4 0  9999
2 25544  51.6406 228.4871 0006083  57.5520  20.0514 15.54198040 67054
如你所见,这是用来计算轨道的数据。每行以标识符-0、1或2开头。轨道js使用该参数计算轨道参数

我使用此JS代码获取数据:

$.get/other/stations.txt,functiondata{ stations=orbits.util.parseTLEdata; var i=0; 对于;i}; 首先,您不应该在html中多次使用相同的id。 根据定义,id是唯一的。改用类:

<li class="tle-data-main">0 ISS (ZARYA)</li>
<li class="tle-data-main">...</li>
<li class="tle-data-main">...</li>
var lines = [];
$('.tle-data-main').each(function() {  // for each element of your class
    lines.push(this.innerText);  // we push a new line containing the text
});
var data = lines.join("\n");  // we join lines to produce text data
stations = orbits.util.parseTLE(data);  // and give it to orbit-js