Question

我正在尝试构建一个显示实时太阳能发电数据的表格。可以使用以下jsp字符串检索数据。

http://pvoutput.org/service/r2/getstatistic.jsp?key=customer-key&sid=customer-id

该jsp的输出是逗号分隔的字符串，类似于下面的内容：

5379600,49505,112075,0,216496,2.802,48,20100830,20151216,5.412,20151215

第一个值是能量产生，第二个是能量输出等等...... 我需要拆分这些值并在自定义设计的HTML表单上显示。

我有合理的HTML知识，但javascript或其他任何编程语言知识都很少。

非常感谢任何帮助。

Answer 1

你可以像这样使用ajax获取CSV（需要jQuery）：

$(document).ready(function() {

$.ajax({
  url: "http://pvoutput.org/service/r2/getstatistic.jsp?key=customer-key&sid=customer-id",
  cache: false
})
  .done(function(csv) {
    // comma separated values can be converted to an array using split
    var dataarray = csv.split(",")
    // populate your html with the single data elements
    $("#yourform first").html(dataarray[0])
    $("#yourform second").html(dataarray[1])
    // ...
  });
}

这等待你的HTML加载完毕，然后发出一个AJAX请求，并在完成请求时拆分结果值，只是为了用它们填充你的HTML。而不是document.ready，您也可以通过点击按钮等来执行此逻辑。

Answer 2

使用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];?>">

如何构建动态html表单远程CSV

2 个答案: