ejs模板将多个请求的数据填充到一个页面
2017-04-18 20:01
141 查看
利用express+ejs+node开发项目的过程中,一个扩展需求如下:
一个页面需要同时从数据库请求三个地方的数据,并同时填充到analysis.ejs页面。如图两部分和地图。
之前第一个版本只实现了加载地图的功能,刚开始的思路是等页面加载成功后点击时再动态去获取“商圈“和“行业”的信息,但是应用了ejs模板,不能实现局部刷新,使用res.render("view")和话等于重新渲染了整个页面,并且第一次请求地图时,因为页面上也写了商圈和行业的模板,会出现错误:
这个办法行不通,只能在加载时一次加载到位,那么开始修改js,让它一次性嵌套查询出此页面需要的所有数据,修改后的代码如下:
这样就可以实现一个页面同时加载多个请求的数据。
思考:
ejs怎么实现局部刷新而不出现第一次加载时报错?
一个页面需要同时从数据库请求三个地方的数据,并同时填充到analysis.ejs页面。如图两部分和地图。
之前第一个版本只实现了加载地图的功能,刚开始的思路是等页面加载成功后点击时再动态去获取“商圈“和“行业”的信息,但是应用了ejs模板,不能实现局部刷新,使用res.render("view")和话等于重新渲染了整个页面,并且第一次请求地图时,因为页面上也写了商圈和行业的模板,会出现错误:
这个办法行不通,只能在加载时一次加载到位,那么开始修改js,让它一次性嵌套查询出此页面需要的所有数据,修改后的代码如下:
这样就可以实现一个页面同时加载多个请求的数据。
思考:
ejs怎么实现局部刷新而不出现第一次加载时报错?
相关文章推荐
- 数据请求未完成pop到上一个页面,发生崩溃情况
- [置顶] ajax请求到后台数据,前台不用拼接字符串append追加HTML标签,一样显示到页面 (使用空模板)
- 打开一个Excel模板文件填充数据另存为一个文件
- 打开一个Excel模板文件填充数据另存为一个文件
- 通过Ajax请求动态填充页面数据
- 腾讯云图片鉴黄集成到C# SQL Server 怎么在分页获取数据的同时获取到总记录数 sqlserver 操作数据表语句模板 .NET MVC后台发送post请求 百度api查询多个地址的经纬度的问题 try{}里有一个 return 语句,那么紧跟在这个 try 后的 finally {}里的 code 会 不会被执行,什么时候被执行,在 return 前还是后? js获取某个日期
- 打开一个Excel模板文件填充数据另存为一个文件
- 获取远程的字符串(请求一个URL, 返回这个请求页面的页面数据)
- ajax请求到后台数据,前台不用拼接字符串append追加HTML标签,使用空模板一样显示到页面
- 同一个页面,发出ajax请求,经过controller,返回ModelAndView,数据显示不了
- 为同一个ejs模板绑定不同的数据
- 使用EJS(模板引擎)动态绑定页面中的数据
- [置顶] ajax请求得到后台数据,前台页面,使用table模板然后clone,显示表格,,不用append拼接 “字符串和HTML表格标签”
- django的模板页面里,如何获取一个集合的数据?
- 一个防止页面刷新后,ajax请求的数据被重置的方法
- 通过Ajax请求动态填充页面数据的实例
- ajax请求的与页面本身有的数据(页面加载时候存在)的一个区别
- vb向excel模板中填充数据
- 不用模板,只用ASP+FSO生成静态HTML页的一个方法(对于内容密集型页面特别适用) 选择自 goaler 的 Blog
- 推荐一个创新的东西,OPS[将表单页面数据XML化,与AJAX完美结合起来,有创意!]