在這個示例中，我們將創建一個簡單的PHP API，用于獲取書籍列表。我們將使用Slim框架來處理HTTP請求和響應。首先，確保你已經安裝了Composer和Slim框架。
composer require slim/slim "^3.0"
index.php的文件，然后將以下代碼粘貼到其中：<?php
require 'vendor/autoload.php';
use Psr\Http\Message\ServerRequestInterface as Request;
use Psr\Http\Message\ResponseInterface as Response;
$app = new \Slim\App;
// 獲取書籍列表
$app->get('/books', function (Request $request, Response $response, array $args) {
$books = [
[
'id' => 1,
'title' => 'PHP API Development',
'author' => 'John Doe'
],
[
'id' => 2,
'title' => 'Learning Slim Framework',
'author' => 'Jane Doe'
],
[
'id' => 3,
'title' => 'Advanced PHP',
'author' => 'Michael Smith'
]
];
return $response->withJson($books);
});
$app->run();
在命令行中運行php index.php，啟動Slim服務器。
打開瀏覽器或使用Postman等API測試工具，訪問http://localhost:8080/books。你應該看到一個包含書籍列表的JSON響應。
現在我們已經創建了一個簡單的PHP API，你可以使用交互式示例展示來演示其功能。例如，你可以創建一個HTML頁面，其中包含一個表格，用于顯示書籍列表。然后，你可以使用JavaScript（例如，使用jQuery）向API發出請求，并在表格中顯示結果。
以下是一個簡單的HTML和JavaScript示例，用于與我們的API進行交互：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PHP API Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<table id="books-table">
<thead>
<tr>
<th>ID</th>
<th>Title</th>
<th>Author</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<script>
$(document).ready(function() {
$.get('http://localhost:8080/books', function(data) {
data.forEach(function(book) {
$('#books-table tbody').append('<tr><td>' + book.id + '</td><td>' + book.title + '</td><td>' + book.author + '</td></tr>');
});
});
});
</script>
</body>
</html>
將此代碼保存為index.html文件，然后在瀏覽器中打開它。你應該看到一個包含從API獲取的書籍列表的表格。
