HTMLでデータベースのデータを取得する方法

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 中国語 Web サイトの他の関連記事を参照してください。