HTTP:一種超文本的傳輸協議,是計算機與計算機溝通的一種標準協議,如今通常爲端與端之間的通訊。
一、約定內容php
PHP中的header函數用於設置響應頭
css
<?php header('content-type:text/html'); ?>
補充:html
<?php header('Location:01.php'); ?>
客戶端瀏覽器在接受到這個頭信息後自動跳轉到指定地址json
JSON
JSON:相似於js字面量的表達數據的手段bootstrap
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>
效果圖