【问题标题】:Execute api call from html button... How [duplicate]从html按钮执行api调用......如何[重复]
【发布时间】:2018-08-07 16:52:18
【问题描述】:

我的节点 js 服务器上有一个安静的 API,它从我的 SQL 数据库中下拉。当我启动 js 代码时,它会工作并打印到我的控制台日志中......

如何在我的 HTML 页面上获得一个按钮来执行此 API 调用?因此,当用户单击按钮时,它会启动该代码并从数据库中下拉信息

这是我的 js 文件中的代码,它从我的数据库中获取信息

app.get('/getcount/apples', function (req, res) {
        sql.connect(config, function (err) {
            if (err) console.log(err);
        var resultapples = new sql.Request();
        result.query("SELECT count FROM table12 WHERE fruit = 'apples'", function (err, result, fields) {
        var arrayLength = result.length;
        for (var i = 0; i < arrayLength; i++) {
        console.log(result[i]["count"]);
        };
});
});
});

那么我如何让它从我的 html 页面启动/执行

【问题讨论】:

  • 嘿变焦镜头!您可以编辑您的帖子以包含 JS 代码吗?
  • 我现在不在我的终端附近,但我一靠近我的电脑就会发帖

标签: javascript html node.js express


【解决方案1】:

1) 您需要在 HTML 页面中添加一个按钮。

<button onclick="myJavascriptFunction()">Click me</button>

2) 在 myJavascriptFunction 中,连接到您的数据库并带入数据。

<script>
function myJavascriptFunction() {
  // Your javascript code to bring data from database. 
}

示例来自:https://www.w3schools.com/jsref/event_onclick.asp

【讨论】:

  • 这可能是一个愚蠢的问题,但是......我的代码在我的 index.js 文件中......在客户端...那会知道在服务器端执行代码吗?
  • 因为你在问这个问题,@zoomer,我不得不问:你真的有一个“我的节点服务器上的 restful API”还是你只有一个提取数据的脚本?您需要在客户端(html/js)端发出一个 http 请求,并且您需要在服务器(节点)上接收该请求,从数据库中获取数据,然后响应上述请求。更具体地了解您目前拥有的情况会有所帮助。
  • 在上面添加代码
猜你喜欢
  • 2014-10-15
  • 2018-07-11
  • 2017-07-25
  • 1970-01-01
  • 2021-01-02
  • 2016-03-02
  • 2014-08-17
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多