首頁 >web前端 >html教學 >html怎麼取得資料庫數據

html怎麼取得資料庫數據

下次还敢
下次还敢原創
2024-04-05 10:45:24997瀏覽

如何用 HTML 取得資料庫資料

引入資料庫

在 HTML 中,無法直接存取資料庫。需要使用後端技術,例如 PHP、JavaScript 或 Python,從資料庫中取得資料。

使用 PHP

PHP 是一個流行的後端語言,可以輕鬆連接到資料庫。以下是一個範例程式碼:

<code class="php"><?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database_name";

// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);

// 检查连接
if ($conn->connect_error) {
  die("连接失败: " . $conn->connect_error);
}

// 准备查询
$sql = "SELECT * FROM table_name";

// 执行查询
$result = $conn->query($sql);

// 检索数据
while ($row = $result->fetch_assoc()) {
  echo $row["column_name"];
}

// 关闭连接
$conn->close();
?></code>

使用 JavaScript

JavaScript 也可以使用 AJAX(非同步 JavaScript 和 XML)從資料庫取得資料。以下是一個範例程式碼:

<code class="javascript">function getData() {
  // 创建 XMLHttpRequest 对象
  var xhr = new XMLHttpRequest();

  // 打开连接
  xhr.open("GET", "get_data.php", true);

  // 设置回调函数
  xhr.onload = function() {
    // 服务器响应后执行
    if (xhr.status === 200) {
      // 解析 JSON 响应
      var data = JSON.parse(xhr.responseText);

      // 输出数据
      for (var i = 0; i < data.length; i++) {
        console.log(data[i].column_name);
      }
    }
  };

  // 发送请求
  xhr.send();
}</code>

使用 Python

Python 也可以使用 Flask 等 Web 框架從資料庫中取得資料。以下是一個範例程式碼:

<code class="python">from flask import Flask, render_template, request

app = Flask(__name__)

@app.route('/')
def index():
  # 连接数据库
  conn = pymysql.connect(host="localhost", user="username", password="password", db="database_name")
  cursor = conn.cursor()

  # 准备查询
  sql = "SELECT * FROM table_name"

  # 执行查询
  cursor.execute(sql)

  # 检索数据
  data = cursor.fetchall()

  # 关闭连接
  cursor.close()
  conn.close()

  # 渲染模板
  return render_template('index.html', data=data)

if __name__ == "__main__":
  app.run(debug=True)</code>

以上是html怎麼取得資料庫數據的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn