怎么使用JavaScript來保存修改數據到MySQL數據庫中

這篇文章主要講解了“怎么使用JavaScript來保存修改數據到MySQL數據庫中”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“怎么使用JavaScript來保存修改數據到MySQL數據庫中”吧！

第一步是連接MySQL數據庫。在這種情況下，我們將使用Node.js來連接MySQL。要連接MySQL，我們需要使用npm包mysql。這個包是mysql的Node.js驅動程序，它可以在Node.js環境中使用。我們可以通過以下命令來安裝mysql。

npm install mysql

連接到MySQL數據庫

下一步是在Node.js中使用驅動程序連接到MySQL數據庫。我們將創建一個名為db.js的文件，在其中包含以下內容。

const mysql = require('mysql');

const con = mysql.createConnection({
    host: 'localhost',
    user: 'root',
    password: 'password',
    database: 'testdb'
});

module.exports = con;

我們將使用createConnection方法創建一個MySQL連接。這個方法接受一個對象，其中包含以下屬性：

• host - MySQL服務器主機名

• user - MySQL用戶的用戶名

• password - MySQL用戶密碼

• database - MySQL數據庫名稱

我們將導出這個連接，以便我們可以從其他文件中使用它。

保存修改數據

現在我們已經連接到MySQL數據庫，我們可以開始保存修改數據。讓我們假設我們有一個名為“users”的表，它有三個列：id、name和email。我們將通過使用JavaScript從 HTML表單中獲取這三個值來保存數據。

首先，我們將創建一個HTML表單，讓用戶輸入他們的姓名和電子郵件。表單看起來像這樣：

<form>
  <input type="text" id="name" name="name" placeholder="Name">
  <input type="email" id="email" name="email" placeholder="Email">
  <button type="button" onclick="save()">Save</button>
</form>

在表單中，我們定義了input元素來獲取用戶的姓名和電子郵件地址。我們還在表單中添加了一個button元素，并給它一個onclick事件處理程序，該處理程序將調用save函數。

現在，我們來編寫JavaScript代碼來保存數據。在index.html中添加以下腳本。

<script src="db.js"></script>
<script>
function save() {
  const name = document.getElementById('name').value;
  const email = document.getElementById('email').value;

  const sql = `INSERT INTO users (name, email) VALUES ('${name}', '${email}')`;
  
  db.query(sql, function (err, result) {
    if (err) throw err;
    console.log("1 record inserted");
  });
}
</script>

在該腳本中，我們首先獲得用戶輸入的姓名和電子郵件地址。接下來，我們使用這些值創建一個INSERT語句，該語句將用戶輸入的數據插入到MySQL數據庫的users表中。

我們使用MySQL的query方法來執行SQL查詢。這個方法接收兩個參數：SQL查詢和一個回調函數。回調函數在查詢執行后被調用。在回調函數中，我們可以檢查是否有錯誤，并輸出插入的記錄數。

現在，當用戶輸入姓名和電子郵件并單擊保存按鈕時，我們將使用JavaScript將數據保存到MySQL數據庫中。

感謝各位的閱讀，以上就是“怎么使用JavaScript來保存修改數據到MySQL數據庫中”的內容了，經過本文的學習后，相信大家對怎么使用JavaScript來保存修改數據到MySQL數據庫中這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！