Javascript 如何构建动态html表单远程CSV
我正在尝试构建一个表格来显示实时太阳能发电数据。可以使用下面的jsp字符串检索数据Javascript 如何构建动态html表单远程CSV,javascript,html,csv,Javascript,Html,Csv,我正在尝试构建一个表格来显示实时太阳能发电数据。可以使用下面的jsp字符串检索数据 http://pvoutput.org/service/r2/getstatistic.jsp?key=customer-key&sid=客户id 该jsp的输出是一个逗号分隔的字符串,如下所示: 537960049505112075,0216496,2.802,482010083020151216,5.41220151215 第一个值是产生的能量,第二个值是输出的能量,依此类推。。。 我需要拆分这些值并显示
http://pvoutput.org/service/r2/getstatistic.jsp?key=customer-key&sid=客户id
该jsp的输出是一个逗号分隔的字符串,如下所示:
537960049505112075,0216496,2.802,482010083020151216,5.41220151215
第一个值是产生的能量,第二个值是输出的能量,依此类推。。。
我需要拆分这些值并显示在自定义设计的HTML表单上
我有合理的HTML知识,但很少有javascript或任何其他编程语言知识
非常感谢您的帮助。您可以使用ajax获得CSV,如下所示(需要jQuery): 这会一直等到HTML加载完毕,然后发出AJAX请求,请求完成后,它会分割结果值以填充HTML。除了document.ready,您还可以通过单击按钮或类似操作来执行此逻辑。使用php的解决方案:
<?php
$jsonurl = "http://pvoutput.org/service/r2/getstatistic.jsp?key=cust-key&sid=cust-id";
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $jsonurl);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true );
$result = curl_exec($ch);
if( !$result ) {
die('Error: "' . curl_error($ch) . '" - Code: ' . curl_errno($ch));
}
curl_close($ch);
$myArray = explode(',', $result);
?>
您可以使用.split
方法将该字符串拆分为一个数组:var arr=output.split(',')代码>顺便说一下,这与JSP无关。输出格式是简单的逗号分隔值(简称CSV),谢谢。我试试看。你帮了我很大的忙。我像你一样试过代码。但是检索数据时似乎出现了一些问题。以下是我在浏览器控制台中遇到的错误:跨源请求被阻止:同一源策略不允许读取远程资源。(原因:缺少CORS标头“访问控制允许原点”)。对。这是浏览器强制执行的安全限制。您可以在服务器(wget或curl)上下载数据,然后使用AJAX从本地服务器加载文件。如果你能访问PHP或类似的东西,你也可以简单地将文件插入HTML。我会试试。再次感谢。我接受了您的建议,使用PHP获取值并填充输入字段。谢谢
<?php
$jsonurl = "http://pvoutput.org/service/r2/getstatistic.jsp?key=cust-key&sid=cust-id";
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $jsonurl);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true );
$result = curl_exec($ch);
if( !$result ) {
die('Error: "' . curl_error($ch) . '" - Code: ' . curl_errno($ch));
}
curl_close($ch);
$myArray = explode(',', $result);
?>
<input type="text" id="energygen" value="<?php echo $myArray[0];?>">