阅读量:0
在HTML中，您不能直接连接到MySQL数据库。您需要使用服务器端脚本（如PHP、Python、Node.js等）来与数据库进行交互。以下是使用PHP连接MySQL数据库的示例：
首先，确保您的服务器已安装PHP和MySQL。
创建一个名为
config.php的文件，用于存储数据库连接信息：
<?php $servername = "localhost"; $username = "your_username"; $password = "your_password"; $dbname = "your_database_name"; // 创建连接 $conn = new mysqli($servername, $username, $password, $dbname); // 检查连接 if ($conn->connect_error) { die("连接失败: " . $conn->connect_error); } echo "连接成功"; ?> - 在HTML文件中，使用
<script>标签调用config.php文件，并通过AJAX获取数据库数据：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>连接MySQL数据库示例</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> </head> <body> <h1>连接MySQL数据库示例</h1> <div id="result"></div> <script> $(document).ready(function() { $.ajax({ url: 'config.php', type: 'GET', dataType: 'json', success: function(data) { if (data.connect_success) { $.ajax({ url: 'get_data.php', type: 'GET', dataType: 'json', success: function(data) { var result = ''; for (var i = 0; i < data.length; i++) { result += '<p>' + data[i].column_name + ': ' + data[i].value + '</p>'; } $('#result').html(result); } }); } else { $('#result').html('<p>连接失败: ' + data.connect_error + '</p>'); } } }); }); </script> </body> </html> - 创建一个名为
get_data.php的文件，用于从数据库中获取数据：
<?php // 引入config.php文件 require_once 'config.php'; // 查询数据 $sql = "SELECT column_name, value FROM your_table_name"; $result = $conn->query($sql); $data = array(); if ($result->num_rows > 0) { while($row = $result->fetch_assoc()) { $data[] = $row; } } else { echo json_encode(array('error' => '没有查询到数据')); } // 设置响应头为JSON格式 header('Content-Type: application/json'); echo json_encode($data); // 关闭数据库连接 $conn->close(); ?> 请注意，您需要根据实际情况修改config.php、get_data.php和HTML文件中的数据库连接信息、表名和列名。
