Html / 節點不在 mySql 數據庫中保存數據

Question

我的以下 html 表單中有一個按鈕。 當我單擊它時，它應該調用 javascript insert() function 並將這兩個變量保存到 mysql 數據庫中。 但不是這個，它只是清除所有用戶輸入字段並重新加載頁面。加上它沒有保存任何數據庫。 我做錯了什么？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="css/PassHomeStyle.css">
    <title>Document</title>
</head>
<body>
    <div class="container">  
        <form id="contact"   method="post">
          <h3>Submit your data</h3>

          <fieldset>
            <input placeholder="Website" name="" type="text" tabindex="1" required autofocus>
          </fieldset>
          <fieldset>
            <input placeholder="Your Email Address" name="email" type="email" tabindex="2" required>
          </fieldset>
          <fieldset>
            <input placeholder="Your Password" name="password" type="text"  tabindex="3" required>
          </fieldset>
            <button name="submit" type="submit" id="contact-submit" onclick="insert()" data-submit="...Sending">Submit</button>
          </fieldset>

        </form>
 </div>
</body>
</html>
<script>
  function insert(){
        var mysql = require('mysql');

 var con = mysql.createConnection({
  host: "localhost",
  user: "root",
  password: "",
  database: "assessment"
 });

 con.connect(function(err) {
  if (err) throw err;
  console.log("Connected!");
  var sql = "INSERT INTO users (username, password) VALUES ('james', 'bond')";
  con.query(sql, function (err, result) {
    if (err) throw err;
    console.log("1 record inserted");

  });
});
}
 </script>

Answer 1

像 insert(e) 一樣將 e 傳入 insert 然后寫入 e.preventDefault(); 單擊提交后它會阻止默認行為

Html / 節點不在 mySql 數據庫中保存數據

問題描述

1 個解決方案

解決方案1
0 2020-04-03 11:00:49

Html / 節點不在 mySql 數據庫中保存數據

問題描述

1 個解決方案

解決方案1 0 2020-04-03 11:00:49

解決方案1
0 2020-04-03 11:00:49