php和ajax mysql数据库实例_PHP

本实例将通过PHP和AJAX技术,展示如何与MySQL数据库进行交互。我们将创建一个PHP文件来连接数据库并获取数据。使用AJAX请求这些数据并在网页上显示。这个实例将帮助您理解如何使用PHP和AJAX实现动态网页内容更新。

PHP和AJAX简介

1、PHP:一种创建动态交互性站点的强有力的服务器端脚本语言。

php和ajax mysql数据库实例_PHP
(图片来源网络,侵删)

2、AJAX:一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。

MySQL数据库简介

1、MySQL:一种关系型数据库管理系统,广泛应用于各种网站和应用中。

实例需求

1、使用PHP连接MySQL数据库,查询数据。

2、使用AJAX实现页面无刷新更新数据。

实例步骤

1、创建一个名为test的数据库,并在其中创建一个名为users的表。

CREATE DATABASE test;
USE test;
CREATE TABLE users (
  id INT PRIMARY KEY AUTO_INCREMENT,
  name VARCHAR(50) NOT NULL,
  age INT NOT NULL
);

2、向users表中插入一些数据。

INSERT INTO users (name, age) VALUES ('张三', 25);
INSERT INTO users (name, age) VALUES ('李四', 30);
INSERT INTO users (name, age) VALUES ('王五', 35);

3、创建一个PHP文件connect.php,用于连接MySQL数据库。

php和ajax mysql数据库实例_PHP
(图片来源网络,侵删)
<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "test";
// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);
// 检测连接
if ($conn>connect_error) {
    die("连接失败: " . $conn>connect_error);
}
?>

4、创建一个PHP文件get_data.php,用于查询数据。

<?php
include 'connect.php';
$sql = "SELECT * FROM users";
$result = $conn>query($sql);
$data = array();
while ($row = $result>fetch_assoc()) {
    $data[] = $row;
}
echo json_encode($data);
$conn>close();
?>

5、创建一个HTML文件index.html,并引入jQuery库。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF8">
    <meta name="viewport" content="width=devicewidth, initialscale=1.0">
    <title>PHP和AJAX实例</title>
    <script src="https://code.jquery.com/jquery3.6.0.min.js"></script>
</head>
<body>
    <table id="userTable">
        <tr>
            <th>ID</th>
            <th>姓名</th>
            <th>年龄</th>
        </tr>
    </table>
    <script>
        function getData() {
            $.ajax({
                url: 'get_data.php',
                type: 'GET',
                dataType: 'json',
                success: function (data) {
                    var html = '';
                    for (var i = 0; i < data.length; i++) {
                        html += '<tr><td>' + data[i].id + '</td><td>' + data[i].name + '</td><td>' + data[i].age + '</td></tr>';
                    }
                    $('#userTable').append(html);
                },
                error: function () {
                    alert('获取数据失败');
                }
            });
        }
        $(document).ready(function () {
            getData(); // 页面加载时自动获取数据
            setInterval(getData, 5000); // 每隔5秒自动获取数据(可根据实际情况调整)
        });
    </script>
</body>
</html>

下面是一个简单的例子,该例子使用PHP、AJAX和MySQL创建一个介绍,这个介绍将显示MySQL数据库中的数据。

### 数据库

假设你有一个名为`students`的表,其中包含以下字段:`id`, `name`, `age`, `class`。

“`sql

php和ajax mysql数据库实例_PHP
(图片来源网络,侵删)

CREATE TABLE students (

id INT PRIMARY KEY AUTO_INCREMENT,

name VARCHAR(50),

age INT,

class VARCHAR(50)

);

“`

### PHP代码

创建一个名为`db.php`的文件来处理数据库连接。

“`php

// 数据库配置

$dbHost = ‘localhost’;

$dbUsername = ‘root’;

$dbPassword = ”;

$dbName = ‘your_database’;

// 创建数据库连接

$conn = new mysqli($dbHost, $dbUsername, $dbPassword, $dbName);

// 检查连接

if ($conn>connect_error) {

die(“Connection failed: ” . $conn>connect_error);

?>

“`

创建一个名为`fetch_data.php`的文件来获取和输出数据。

“`php

// 引入数据库连接文件

require ‘db.php’;

// 获取数据

$query = “SELECT * FROM students”;

$result = $conn>query($query);

// 存储数据到数组中

$data = array();

if ($result>num_rows > 0) {

while ($row = $result>fetch_assoc()) {

$data[] = $row;

}

// 设置内容类型为JSON

header(‘ContentType: application/json’);

// 输出数据

echo json_encode($data);

// 关闭数据库连接

$conn>close();

?>

“`

### HTML和AJAX

在HTML文件中,你可以使用以下代码。

“`html

PHP, AJAX, MySQL Example

Students Table

“`

将以上代码保存到相应的文件中,并确保数据库服务器运行正常,你就可以在浏览器中看到从MySQL数据库动态生成的介绍了。

原创文章,作者:未希,如若转载,请注明出处:https://www.kdun.com/ask/693805.html

本网站发布或转载的文章及图片均来自网络,其原创性以及文中表达的观点和判断不代表本网站。如有问题,请联系客服处理。

(0)
未希新媒体运营
上一篇 2024-06-16 13:55
下一篇 2024-06-16 14:02

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

产品购买 QQ咨询 微信咨询 SEO优化
分享本页
返回顶部
云产品限时秒杀。精选云产品高防服务器,20M大带宽限量抢购 >>点击进入