基於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和HTML標記爲AJAX的responseText
2. 的document.getElementById請求您網址
3. 獲取表數據（」 yourmouseoverdivid'）.innerHTML = responseText

另一種更好的方式是：

1. 使用AJAX給你拿表數據爲JSON
2. 使用JavaScript創建嵌套表格的HTML元素和所取得的JSON 如：使用document.createElement（ '表' ）
3. 追加這些元素的document.getElementById（ 'yourmouseoverdivid'）