PHP+MySQL+Ajax实现前端页面展示数据库的数据

最新推荐文章于 2024-09-14 13:06:42 发布

狗哥_xd

最新推荐文章于 2024-09-14 13:06:42 发布

阅读量1.2w

点赞数 16

本文链接：https://blog.csdn.net/xuedan1992/article/details/81482979

版权

本文介绍了如何使用Navicat for MySQL创建数据库和表，通过PHP从MySQL数据库读取数据，然后利用Ajax在前端页面展示这些数据，详细讲解了过程中的关键步骤和解决的中文编码问题。

摘要由CSDN通过智能技术生成

昨天发现一款数据库管理软件：Navicat for MySQL，一款强大的 MySQL 数据库管理和开发工具，这款软件使用了极好的图形用户界面（GUI），可以用一种安全和更为容易的方式快速和容易地新建数据库、新建表等。前端学习过程中一直对后台如何从数据库读取数据，以及后台提供给前端接口等问题比较感兴趣，借此机会，尝试了一下新建数据库和表，用PHP从建好的数据库中读取数据，并在前端用Ajax将数据展示出来等，做一个记录，为后续学习铺路。

1、使用Navicat for MySQL创建数据库和表

Navicat for MySQL使用起来十分简单，不用像PHP创建数据库和表的时候需要写代码来完成，具体操作此处不再详细介绍，可以参考以下网址进行创建：

Navicat for MySQL的下载、安装与基本使用
 Navicat for MySQL使用手记(上）–创建数据库和表

创建好的数据库和表如下图所示：
这里写图片描述

2、使用PHP从 MySQL 数据库读取数据

以下实例中我们从student数据库的studentinfo表读取了studentID,studentName,class,department和 teleNumber列的数据并显示在页面上：

<?php
//header("Content-type=text/html;charset=utf-8");
//header('Content-type:text/json');
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "student";

// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);

// Check connection
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
} 

mysqli_qu