PHP数据库JSON返回与前端交互：无缝衔接的桥梁

# 1. PHP与数据库交互基础**

PHP与数据库交互是Web开发中的关键部分，它允许PHP应用程序访问和操作数据库中的数据。本章将介绍PHP与数据库交互的基础知识，包括数据库连接、SQL查询语句编写和数据操作。

**1.1 数据库连接与操作**

$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database_name";

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

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

**1.2 SQL查询语句编写**

SELECT * FROM table_name WHERE condition;

* `SELECT`：指定要选择的列或字段。
* `FROM`：指定要查询的表。
* `WHERE`：指定查询条件，用于过滤结果。

# 2. JSON数据格式与前端交互

### 2.1 JSON数据结构和编码

#### 2.1.1 JSON语法和数据类型

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，基于JavaScript语法，用于在服务器和客户端之间传输数据。JSON数据结构包括：

- **对象：**用花括号{}括起来的键值对集合，键为字符串，值可以是任何JSON数据类型。
- **数组：**用方括号[]括起来的元素序列，元素可以是任何JSON数据类型。
- **字符串：**用双引号"括起来的文本。
- **数字：**整数或浮点数。
- **布尔值：**true或false。
- **null：**表示空值。

#### 2.1.2 JSON编码与解码

**编码：**将PHP数据结构转换为JSON字符串的过程。PHP提供了`json_encode()`函数进行编码。

$data = ['name' => 'John', 'age' => 30];
$json = json_encode($data); // 输出：{"name":"John","age":30}

**解码：**将JSON字符串解析为PHP数据结构的过程。PHP提供了`json_decode()`函数进行解码。

$json = '{"name":"John","age":30}';
$data = json_decode($json, true); // 输出：Array ( [name] => John [age] => 30 )

### 2.2 前端与JSON交互

#### 2.2.1 JavaScript解析和处理JSON

JavaScript提供了`JSON.parse()`函数解析JSON字符串为JavaScript对象。

const json = '{"name":"John","age":30}';
const data = JSON.parse(json); // 输出：{name: "John", age: 30}

#### 2.2.2 AJAX与JSON数据传输

AJAX（Asynchronous JavaScript and XML）是一种异步通信技术，允许前端与服务器交互而无需重新加载页面。JSON是AJAX数据传输的常用格式。

// 发送AJAX请求
const xhr = new XMLHttpRequest();
xhr.open('GET', 'data.json');
xhr.send();

// 接收JSON响应
xhr.onload = function() {
  if (xhr.status === 200) {
    const data = JSON