如何用 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中文網其他相關文章!