html怎么连接mysql数据库-开发者知识库平台

html怎么连接mysql数据库

mysql

835

2024/9/29 3:31:02

栏目: 云计算

在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文件中的数据库连接信息、表名和列名。

辰迅云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

html怎么连接mysql数据库

最新知识库

相关标签