从html按钮执行api调用...如何

时间:2018-08-07 16:52:19

标签: javascript html node.js express

我的节点js服务器上有一个宁静的API,可从我的SQL DB中提取该API。当我启动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页面启动/执行

2 个答案:

答案 0 :(得分:0)

onclick,编写一个函数以进行ajax / http调用并从服务器获取数据。

答案 1 :(得分:0)

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