怎么使用JavaScript來保存修改數(shù)據(jù)到MySQL數(shù)據(jù)庫中

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

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

npm install mysql

連接到MySQL數(shù)據(jù)庫

下一步是在Node.js中使用驅(qū)動程序連接到MySQL數(shù)據(jù)庫。我們將創(chuàng)建一個名為db.js的文件，在其中包含以下內(nèi)容。

const mysql = require('mysql');

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

module.exports = con;

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

• host - MySQL服務(wù)器主機名

• user - MySQL用戶的用戶名

• password - MySQL用戶密碼

• database - MySQL數(shù)據(jù)庫名稱

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

保存修改數(shù)據(jù)

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

首先，我們將創(chuàng)建一個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事件處理程序，該處理程序?qū)⒄{(diào)用save函數(shù)。

現(xiàn)在，我們來編寫JavaScript代碼來保存數(shù)據(jù)。在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>

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

我們使用MySQL的query方法來執(zhí)行SQL查詢。這個方法接收兩個參數(shù)：SQL查詢和一個回調(diào)函數(shù)?；卣{(diào)函數(shù)在查詢執(zhí)行后被調(diào)用。在回調(diào)函數(shù)中，我們可以檢查是否有錯誤，并輸出插入的記錄數(shù)。

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

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