javascript - 从Java脚本访问没有表ID的外部网页HTML表并转换为JSON

标签 javascript jquery html json html-table

我编写了一个脚本来将 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/

相关文章:

javascript - Jquery - 检查页面是否存在

javascript - 模态对话框中的 CKEditor 和 elFinder

javascript - 为什么不将 jQuery 与 Vue.js 一起用于 AJAX?

jquery - 使用 jQuery 显示前四个子元素

javascript - 将标题添加到 select2 下拉列表

javascript - 在 React 中,如何制作 div 逐渐消失的动画并防止其下方的内容在动画结束时跳转?

javascript - 悬停在 jquery ui <a href ="javascript: submitform()">Country</a> 中不起作用

javascript - JQuery 在 5,10,15...55 整点后每 5 分钟运行一次

javascript - 遍历元素时在数组中向前移动

javascript - 提交后更改 jQuery 选项卡