How to realize page inclusion

In the project , Used to put exactly the same content in multiple pages , Extracted separately as a separate file （ Such as header.html、footer.html）, Any page that needs this file , Just import this page . The page contains many options ：

1、 utilize Web Server's SSI command ： The client requests a page , The server returns multiple pages at a time — Need modification Web Server profile .

2、 Pages provided with server-side dynamic languages contain functions ： Such as PHP

include(‘header.php’);

...echo’ The main body ’;

include(‘footer.php’);

The client requests a page , The server returned multiple messages PHP A page after page combination 、

3、 Use on client AJAX technology ： First load the main content of a page , After loading . To request header.html、footer.html Put it in an empty container

<div id=”header”></div>

<main>xxxxxxxx</main>

<div id=”footer”></div>

$.ready(function(){

$(‘#header’).load(‘header.html’);

$(‘#footer’).load(‘footer.html’);

})

Tips ：AngularJS in ng The module provides an instruction ：ngInclude, Method has been implemented 3

<div ng-include=” ’tpl/header.html’ “></div>