javascript - 使用 AJAX 解析从 ASP 页面返回的 HTML 表并提取特定单元格

Question

工作内网上有一个 ASP 页面，返回来自众多传感器的数据。数据以包含多行和多列的表格格式呈现。

我想如果我能在我们部门的网站上展示一些成果会很酷。

我想使用 ajax 打开 ASP 页面并从结果表中获取一些数据点。

使用 AJAX 打开页面非常简单，但我不确定之后该怎么做。

表格的格式如下:

<table>
  <tr>
    <td>Data ID 1</td>
    <td>Description</td>
    <td>Data</td>
  </tr>
  <tr>
    <td>Data ID 2</td>
    <td>Description</td>
    <td>Data</td>
  </tr>
</table>

每一行的第一个单元格是一个唯一的 ID，然后同一行的第 5 列有我想要的值。

function loadXMLDoc()
{
    var xmlhttp;

    if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    } else {// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }

    xmlhttp.onreadystatechange=function() {
        if (xmlhttp.readyState==4 && xmlhttp.status==200) {
            document.getElementById("testDiv").innerHTML=xmlhttp.responseText;
        }
    }

    xmlhttp.open("GET","http://plantdata/showData.asp",true);
    xmlhttp.send();
}

如何通过唯一ID抓取数据？

Answer 1

xmlhttp.onreadystatechange=function() {
  if (xmlhttp.readyState==4 && xmlhttp.status==200) {
    var target = document.getElementById("testDiv");
    target.innerHTML = xmlhttp.responseText;
    extractIDs(target);
  }
}

function extractIDs(container) {
  var trs = container.getElementsByTagName("TR");

  for (var i=0; i<trs.length; i++) {
    var tds = trs[i].getElementsByTagName("TD"),
        txt = tds[0].textContent || tds[0].innerText;  // innerText for IE

    alert("row " + (i+1) + ": " + txt);
  } 
};