在html中生成按钮删除MySql中的一行

Question

我目前正在进行一个项目，在这个项目中，我使用nodejs使用户在一个名为“user”的表中将用户添加到MySql中，我希望在html中创建一个按钮，从mysql表中删除当前登录的用户。

如何使html中的按钮调用nodejs中的函数，该函数删除MySql中的行

Answer 1

这可能是了解如何从Js触发API调用的一个良好开端。

fetch('https://reqres.in/api/deleteUser', {
    method: "DELETE",
    headers: {
        'Content-type': 'application/json'
    },
    body: JSON.stringify({
       id: '1'
    })
})
.then(res => {
    if (res.ok) { console.log("HTTP request successful") }
    else { console.log("HTTP request unsuccessful") }
    return res
})
.then(res => res.json())
.then(data => console.log(data))
.catch(error => console.log(error))

然后是NodeJs

// Module dependencies

var express    = require('express'),
    ejs        = require('ejs'),
    fs         = require('fs'),
    mysql      = require('mysql');

// Application initialization

var connection = mysql.createConnection({
        host     : 'localhost',
        user     : 'root',
        password : '' //<your password
    });
    
var app = module.exports = express.createServer();

// Database setup

connection.query('CREATE DATABASE IF NOT EXISTS test', function (err) {
    if (err) throw err;
    connection.query('USE test', function (err) {
        if (err) throw err;
        connection.query('CREATE TABLE IF NOT EXISTS users('
            + 'id INT NOT NULL AUTO_INCREMENT,'
            + 'PRIMARY KEY(id),'
            + 'name VARCHAR(30)'
            +  ')', function (err) {
                if (err) throw err;
            });
    });
});

// Configuration

app.use(express.bodyParser());

// Post delete user
app.post('/deleteUser', function(req, res) {
var id=Number(req.query.id);
console.log(id);
connection.query('delete from users where id='+id,
});