表内容基于URL内容

时间:2012-09-11 10:26:07

标签: javascript html url

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

目前,表格内容是硬编码的,有两个单词用于调试目的,并且显示为所需。

内容html看起来像 -

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

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

所以表格内容显示了上述内容。

我现在想根据通过访问网址查看的报告内容来制作表格内容。

我试过这个 -

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

但当然,这仅提供了报告的链接,而不是实际打开内容。

我该怎么做?

1 个答案:

答案 0 :(得分:0)

这样做的绝对可怕但快捷的方法是:

  
      
  1. Ajax请求网址
  2.   
  3. 使用html标签获取表格数据作为ajax responseText
  4.   
  5. document.getElementById(' yourmouseoverdivid ')。innerHTML = responseText
  6.   

另一种更好的方法是:

  
      
  1. 使用ajax将表数据提取为json
  2.   
  3. 使用javascript和提取的json创建嵌套的表格html元素例如:document.createElement('table')
  4.   
  5. 将这些元素附加到document.getElementById(' yourmouseoverdivid ')
  6.