基于URL内容的表内容

Question

我已经编写了一段JavaScript，以便当用户将鼠标悬停在网站中的特定文本上时，会弹出一个表格。

当前，为了调试目的，表的内容已经用几个单词进行了硬编码，并且可以根据需要显示。

内容html看起来像-

<tr>
  <th>Name</th>
  <th>Age</th>
</tr>

<tr>
  <td>Jambo</td>
  <td>22</td>
</tr>

因此表内容显示了上述内容。

我现在想基于通过访问URL查看的报告的内容来制作表的内容。

我确实尝试过-

<tr>
  <td><a href="url">Link text</a></td>
</tr>

但是，当然，这仅提供指向报表的链接，而实际上并未打开内容。

我怎样才能做到这一点？

Answer 1

绝对可怕但快速的方法是：

1. Ajax索取您的网址
2. 使用html标记获取表数据作为ajax responseText
3. document.getElementById（' yourmouseoverdivid '）. innerHTML = responseText

另一个更好的方法是：

1. 使用ajax将表数据作为json提取
2. 使用javascript和获取的json创建嵌套的表格html元素， 例如：document.createElement（'table'）
3. 将这些元素追加到document.getElementById（' yourmouseoverdivid '）