微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在函数Tabletop中使用局部变量

如何解决在函数Tabletop中使用局部变量

我目前正在使用Tabletop使电子表格的行为类似于我的Blogspot的数据库

<html>
<body>
<p id="demo"></p>
<script src='https://cdnjs.cloudflare.com/ajax/libs/tabletop.js/1.5.1/tabletop.min.js'></script>
<script type='text/javascript'>    
  
  var publicSpreadsheetUrl = '1ZXZVfon9ywNelbVEchOu9HQbSLZJRE-x6G2xOFPA-lA';
  
  function init() {
    Tabletop.init( { key: publicSpreadsheetUrl,callback: showInfo,simpleSheet: true } )
  }

  function showInfo(data,tabletop) {
    alert('Successfully processed!' + data.length + 'rows!')
    // console.log(data);
    var str = JSON.stringify(data);
    document.getElementById("demo").innerHTML = str;
  }

  document.write("Document <a target='_new' href='" + publicSpreadsheetUrl + "'>Here</a>");
  window.addEventListener('DOMContentLoaded',init)
</script>
   
</body>
</html>
[enter image description here][1]

如何使用局部变量,以便我可以在函数外部打印,像这样

function showInfo(data,tabletop) {
    alert('Successfully processed!' + data.length + 'rows!')
    // console.log(data);
    var str = JSON.stringify(data); 
  }
  document.getElementById("demo").innerHTML = str;
  document.write("Document <a target='_new' href='" + publicSpreadsheetUrl + "'>Here</a>");
  window.addEventListener('DOMContentLoaded',init)
</script>

解决方法

完整链接 https://docs.google.com/spreadsheets/d/1ZXZVfon9ywNelbVEchOu9HQbSLZJRE-x6G2xOFPA-lA/pubhtml

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/tabletop.js/1.5.1/tabletop.min.js'></script>

<p id="demo"></p>


<script type='text/javascript'>    
  
  var publicSpreadsheetUrl = 'https://docs.google.com/spreadsheets/d/1ZXZVfon9ywNelbVEchOu9HQbSLZJRE-x6G2xOFPA-lA/pubhtml';
  
  function init() {
    Tabletop.init( { key: publicSpreadsheetUrl,callback: showInfo,simpleSheet: true } )
  }

  function showInfo(data,tabletop) {
    
    var str = JSON.stringify(data);
    document.getElementById("demo").innerHTML = str;
  }

  document.write("Document <a target='_new' href='" + publicSpreadsheetUrl + "'>Here</a>");
  window.addEventListener('DOMContentLoaded',init)
</script>
   
</body>
</html>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。