首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何通过单击元素获取数据

如何通过单击元素获取数据
EN

Stack Overflow用户
提问于 2020-05-02 14:34:15
回答 2查看 674关注 0票数 0

我想通过点击按钮来获取数据。

当前我的工作如下代码所示。

有什么办法把这个绑起来吗?

谢谢

代码语言:javascript
复制
var apikey="https://opentdb.com/api.php?amount=1&type=multiple";

fetch(apikey)
  .then(response => response.json())
  .then(json => {
        console.log(json);
  });
代码语言:javascript
复制
<button type="button">get data</button>

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-05-02 14:37:41

可以在使用代码的按钮的click上添加事件侦听器:

代码语言:javascript
复制
document.getElementById('btn').addEventListener('click', function(){
     var apikey="https://opentdb.com/api.php?amount=1&type=multiple";
     fetch(apikey)
          .then(response => response.json())
          .then(json => {
               console.log(json);
          });
})
代码语言:javascript
复制
<button id="btn" type="button">get data</button>

票数 0
EN

Stack Overflow用户

发布于 2020-05-02 14:39:01

绑定单击函数。

代码语言:javascript
复制
async function fetchData(){
    var apikey="https://opentdb.com/api.php?amount=1&type=multiple";

    let data =  await fetch(apikey)
      .then(response => response.json());
      
    console.log(data);
}
代码语言:javascript
复制
<button type="button" onclick="fetchData()">get data</button>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/61561045

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档