PHP根據數據生成頁面 · 學習AJAX

[TOC] >[success] # PHP根據數據生成頁面 <br/> ~~~ 下面寫一個'根據接口數據'去渲染頁面的案例，下面有一個'data_list.php'頁面為'儲存數據'的PHP文件，因為目前沒學操作'數據庫'，就暫且先'模擬數據'，'index.php'文件中用到一個PHP引入文件的寫法'include ' ~~~ <br/> 首頁列表index.php <br/> ~~~ <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>首頁</title> <style> body{ background: green; } </style> </head> <body>    <?php // 引入數據列表的php文件 include 'data_list.php'; // $arr[0] = array('href' => 'detail/detail1.php?flag=banana', 'path' => 'img/banana1.jpg', 'name' => '香蕉'); echo '<ul>'; for($i=0;$i<count($arr);$i++){ echo '<li>'; echo '<a href="'.$arr[$i]['href'].'">點我看'.$arr[$i]['name'].'</a>'; echo '<img src="'.$arr[$i]['path'].'" alt="">'; echo '<span>'.$arr[$i]['name'].'</span>'; echo '</li>'; } echo '</ul>'; ?> </body> </html> ~~~ <br/> 儲存數據的文件data_list.php <br/> ~~~ <?php // 連接數據庫 // 獲取數據 // $arr = // 從數據庫取出數據 // 這里的數據實際上來自數據庫 $arr = array(); $arr[0] = array('href' => 'detail/detail1.php?flag=banana', 'path' => 'img/banana1.jpg', 'name' => '香蕉'); $arr[1] = array('href' => 'detail/detail1.php?flag=apple', 'path' => 'img/banana1.jpg', 'name' => '蘋果'); $arr[2] = array('href' => 'detail/detail1.php?flag=orange', 'path' => 'img/orange1.jpg', 'name' => '橘子'); $arr[3] = array('href' => 'detail/detail1.php?flag=mango', 'path' => 'img/mango1.jpg', 'name' => '芒果'); ?> ~~~ <br/>