NIUCLOUD是一款SaaS管理后台框架多应用插件+云编译。上千名开发者、服务商正在积极拥抱开发者生态。欢迎开发者们免费入驻。一起助力发展! 广告
# 3、用户列表展示 # 用户列表展示 1.在页面加载时**向服务器端发送Ajax请求**,**索要用户列表数据** 2.使用**模板弓|擎**将**数据**和**html模板进行拼接** 3.将**拼接好的内容展示在页面中** 用户列表展示接口 ![](https://img.kancloud.cn/1d/4c/1d4c2a4ccf2d46b41169f1ac203d050e_875x488.png) 1、引入模板引擎 ![](https://img.kancloud.cn/59/1e/591e3641c943621ecfd4098fe306d592_1144x74.png) 2、js 书写ajax 获取接口数据 并渲染 ~~~ //向服务器端发送请求索要用户列表数据 $.ajax({ type:'get', url :'/users', success: function (response) { console.log(response); //使用模板引擎将数据和HTML字符串进行拼接 var html = template( 'userTpl', { data: response }); //将拼接好的字符串显示在页面中 $( ' #userBox' ).html(html); } }) ~~~ 3、渲染的html ![](https://img.kancloud.cn/3c/d6/3cd6282865777b94e711b1822f528a9e_924x681.png)