为了提升用户体验,一般我们采用ajax加载数据然后根据数据渲染html,渲染html可以使用前端渲染和服务器端渲染。
前端渲染
使用前端模版引擎或MVC框架,例如underscore.js的template或者是使用angular.js等框架,当然也可以不用任何框架自己拼接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>