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/>