javascript - 如何将数据从 HTML 表单获取到 JavaScript 文件并添加 MySQL？

Question

我创建了两个文件:index.html 和 main.js。如何将数据从index.html文件获取到main.js文件并将其插入数据库？

index.html

// html form
    <form method="POST" action = "">

    <input type="text"  id="name" name ="name" placeholder="First Name">
    <input type="number"  id="age"  name="age" placeholder="Age">
            <select  id="gender"  name="gender">
        <option value = "male" >Male</option>
        <option value = "female">Female</option>
      </select>
            <input type="text"  id="phone"  name="phone" placeholder="Phone Number">
            <button type="submit" class="btn">Submit</button>

      </form>

我想创建一个函数，根据请求发送 index.html 文件并从该文件中获取数据并添加到 MySQL 数据库。

main.js

    // creating connection to mysql databases
    var con = mysql.createConnection({
        host:'localhost',
        user:'root',
        password:'1234',
        database:'project1'
    });
    // checking connection
    con.connect(function(err){
        if(err){
            console.log('error connecting to database');
        }else{
            console.log('connected to databases');
        }
    });
    var publicPath = path.resolve(__dirname, '/');

   app.get('/', function(req, res) {
      res.sendFile(path.join('index.html',{root:publicPath}));
    });
    app.listen(5000, function() {
      console.log('Server running at http://127.0.0.1:5000/');
    });

Answer 1

好吧，你可以使用这个 JavaScript 函数

document.getElementById('name').value

这可以与 IF 语句一起使用:

if(document.getElementById('age').value == 100) {

}

我还不了解 MySQL。