一、引言

實現京東的賬戶項目，有一個小功能，頁頭頁尾加載。要用到的是Apach環境，Mysql、PHP以及Ajax。

二、實現

原理：

• 用php文件分別寫一個的頁頭和一個頁尾，放在前後兩個div裏。
• 通過jquery發送一個請求 請求這個php。
• 再把裏面的一些小按鈕，小圖標放在這個div裏即可。

<div id="header"></div>
     ……
<div id="footer"></div>

小知識1：jquery函數

$("父元素").load("程序1");

load()向程序發送請求(ajax)

返回的內容->會保存在父元素中

相當於innerHTML;

/***加載頭文件  header.php***/
/***加載腳文件  footer.php***/
$("#header").load("data/header.php");
$("#footer").load("data/footer.php");

小知識2：php寫html段落：

  <?php
       header(‘Content-Type:text/html;charset=UTF-8‘);//頭文件設置發送的是text/html文件
  ?>

  <!--html文件-->
 

註意：別忘記把頁頭頁尾所需要的css文件引入到要動態加載的html頁面文件。

【京東賬戶】——Mysql/PHP/Ajax爬坑之頁頭頁尾加載