html怎么获取数据库数据-html教程-PHP中文网

html怎么获取数据库数据

下次还敢

发布： 2024-04-05 10:45:24

原创

1106人浏览过

在 HTML 中，无法直接访问数据库。需要使用后端技术（如 PHP、JavaScript 或 Python）从数据库中获取数据。这些技术可以通过建立连接、准备查询、执行查询和检索数据来完成此操作。

html怎么获取数据库数据

如何用 HTML 获取数据库数据

引入数据库

在 HTML 中，无法直接访问数据库。需要使用后端技术，例如 PHP、JavaScript 或 Python，从数据库中获取数据。

使用 PHP

立即学习“前端免费学习笔记（深入）”；

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();
?>

登录后复制

使用 JavaScript

JavaScript 也可以使用 AJAX（异步 JavaScript 和 XML）从数据库中获取数据。以下是一个示例代码：

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();
}

登录后复制

使用 Python

Python 也可以使用 Flask 等 Web 框架从数据库中获取数据。以下是一个示例代码：

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)

登录后复制

以上就是html怎么获取数据库数据的详细内容，更多请关注php中文网其它相关文章！