我编写了一个脚本来将 HTML 表数据获取到 JSON 对象。
对于这个任务,我使用了 lightswitch05 jquery 插件。
在此代码中,我可以使用 Javascript 访问同一网页中的 HTML 表数据 使用
var table = $('#example-table').tableToJSON();
但我需要访问外部网页的 HTML 表。 表 URL 在这里 - http://ccmcwolf.byethost4.com/index.html
如何将其更改为“#example-table”上方的外部网页表?
<!DOCTYPE html>
<html>
<head>
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">
</script>
<script
src="http://lightswitch05.github.io/table-to-json/javascripts/jquery.tabletojson.min.js">
</script>
<script>
function myFunction() {
var table = $('#example-table').tableToJSON();
console.log(table);
alert(JSON.stringify(table));
}
$(document).ready(myFunction);
</script>
</head>
<body>
<table id='example-table' class="table table-striped">
<thead>
<tr>
<th>First Name</th>
<th>Last Name</th>
<th data-override="Score">Points</th></tr>
</thead>
<tbody>
<tr>
<td>Jill</td>
<td>Smith</td>
<td data-override="disqualified">50</td></tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td></tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td></tr>
<tr>
<td>Adam</td>
<td>Johnson</td>
<td>67</td></tr>
</tbody>
</table>
</body>
</html>
非常感谢!
最佳答案
由于 JavaScript 仅在当前页面中具有作用域(即,它可以访问和修改使用 script 标记嵌入或声明/链接的页面的内容),我认为没有任何直接的方法正在做。
但是,如果该外部页面位于当前 JavaScript 代码运行的同一域中,则您始终可以通过对服务器的 Ajax 调用来获取 html,然后运行代码以提取 JSON 形式的 html 表。
如果我遗漏了什么,请告诉我,我会根据您的输入编辑我的答案。
谢谢。
关于javascript - 从Java脚本访问没有表ID的外部网页HTML表并转换为JSON,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31103477/