PHP中json文件上傳

HTTP:一種超文本的傳輸協議,是計算機與計算機溝通的一種標準協議,如今通常爲端與端之間的通訊。
一、約定內容php

  • 請求/響應報文格式
  • 請求方法 GET/POST
  • 響應狀態 200/404/302/304
  • 預設的請求/響應頭

PHP中的header函數用於設置響應頭
圖片描述css

<?php 
header('content-type:text/html');
?>

補充:html

<?php 
header('Location:01.php');
?>

客戶端瀏覽器在接受到這個頭信息後自動跳轉到指定地址json


JSON
JSON:相似於js字面量的表達數據的手段bootstrap

  1. JSON中屬性名稱必須用雙引號
  2. JSON中字符串必須用雙引號(js的字符串能夠用單引號)
  3. JSON不容許註釋

JSON數據類型
null:數組

null

string:瀏覽器

"ssq"

boolean:函數

ture

number:url

12

object:spa

{
    "name": "ssq",
    "age": 12,
    "gender": ture,
    "boyfrind": null
}

array:

["張三", "李四", "王五"]

JSON基本格式

var obj = [
    {"name": "ss", "age": 12, "email": "ssss", "url": "sssss.com", "images": ["./images/01.jpg"]},
    {"name": "ss", "age": 12, "email": "ssss", "url": "sssss.com", "images": ["./images/01.jpg"]},
    {"name": "ss", "age": 12, "email": "ssss", "url": "sssss.com", "images": ["./images/01.jpg"]},
    {"name": "ss", "age": 12, "email": "ssss", "url": "sssss.com", "images": ["./images/01.jpg"]},
    {"name": "ss", "age": 12, "email": "ssss", "url": "sssss.com", "images": ["./images/01.jpg"]}
]

JSON的轉換
圖片描述

在php中對JSON反序列化

<?php
$contents = file_get_contents('storage.json');
$data = json_decode($contents, true);
?>
及變成PHP中對象數組的形式
圖片描述

01實例展現

<?php

// 獲取文件中記錄的數據,並展現到表格中(動態生成表格的HTML標籤)
$contents = file_get_contents('storage.json');
// $contents => JSON 格式的字符串
// 把 JSON 格式的字符串轉換爲對象的過程叫作反序列化

// json_decode 默認反序列化時 將 JSON 中的對象轉換爲 PHP 中 stdClass 類型的對象
$data = json_decode($contents, true);
// $data => []

?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>音樂列表</title>
  <link rel="stylesheet" href="bootstrap.css">
</head>
<body>
  <div class="container py-5">
    <h1 class="display-4">音樂列表</h1>
    <hr>
    <div class="mb-3">
      <a href="add.php" class="btn btn-secondary btn-sm">添加</a>
    </div>
    <table class="table table-bordered table-striped table-hover">
      <thead class="thead-dark">
        <tr>
          <th class="text-center">標題</th>
          <th class="text-center">歌手</th>
          <th class="text-center">海報</th>
          <th class="text-center">音樂</th>
          <th class="text-center">操做</th>
        </tr>
      </thead>
      <tbody class="text-center">
        <?php foreach ($data as $item): ?>
        <tr>
          <td><?php echo $item['title'] ?></td>
          <td><?php echo $item['artist'] ?></td>
          <td><img src="<?php echo $item['images[0]'] ?>" alt=""></td>
          <td><audio src="<?php echo $item['source'] ?>" controls></audio></td>
          <td><button class="btn btn-danger btn-sm">刪除</button></td>
        </tr>
        <?php endforeach ?>
      </tbody>
    </table>
  </div>
</body>
</html>

效果圖
圖片描述

相關文章
相關標籤/搜索