為了提升用戶體驗(yàn)，一般我們采用ajax加載數(shù)據(jù)然后根據(jù)數(shù)據(jù)渲染html，渲染html可以使用前端渲染和服務(wù)器端渲染。
前端渲染
使用前端模版引擎或MVC框架，例如underscore.js的template或者是使用angular.js等框架，當(dāng)然也可以不用任何框架自己拼接html。
<!DOCTYPE html><html>
<head>
<title>underscore.js的template渲染html</title>
</head><body><div id="content"></div><script src="~/static/js/lib/jquery-3.1.1.js"></script><script src="http://www.css88.com/doc/underscore/underscore.js"></script><script>
var data = { name: 'john', age: "18" } var compiled = _.template("<p>姓名: <%= name %></p><p>年齡: <%= age %></p>");
$("#content").append(compiled(data));</script></body></html>