JS获取Beego渲染模板Temple时传递的数据

如果纯粹的JS调用接口,获取后端数据很直接坦率,JSON解析也就可以了。

如果需要JS获取HTML页面加载时,后端传回来的一些数据,我们也可以通过以下的方式进行获取。范例如下:

Go 复制代码
//通过person_name字段传递参数到html页面中
c.Data["person_name"] = "Tomas"
c.TplName = "tpl_manage/user_info.html"

前端获取后端返回的数据:

html 复制代码
<!DOCTYPE html>
<html lang="en">
<!-- container-fluid -->
<head>
    <title>YONO后台管理系统</title>
</head>
<body>

<p>Html获取后端返回数据</p>
<p>{{.person_name}}</p>


<script type="text/javascript">
    //JS获取后端渲染模板时返回的数据
    var name = "{{.person_name}}";
    console.log("name = " + name);

</script>

</body>
</html>

对于这样的处理方法,虽然很基础,但是对于不知道这方面的小伙伴来说也的确没想到,所以记一记,方便回忆。

相关推荐
颜酱12 分钟前
单调队列:滑动窗口极值问题的最优解(通用模板版)
javascript·后端·算法
一拳不是超人2 小时前
Electron主窗口弹框被WebContentView遮挡?独立WebContentView弹框方案详解!
前端·javascript·electron
wuhen_n3 小时前
代码生成:从AST到render函数
前端·javascript·vue.js
Lee川3 小时前
从异步迷雾到优雅流程:JavaScript异步编程与内存管理的现代化之旅
javascript·面试
wuhen_n3 小时前
AST转换:静态提升与补丁标志
前端·javascript·vue.js
destinying3 小时前
性能优化之实战指南:让你的 Vue 应⽤跑得飞起
前端·javascript·vue.js
晴殇i5 小时前
揭秘JavaScript中那些“不冒泡”的DOM事件
前端·javascript·面试
BER_c5 小时前
前端权限校验最佳实践:一个健壮的柯里化工具函数
前端·javascript
敲敲敲敲暴你脑袋6 小时前
写个添加注释的vscode插件
javascript·typescript·visual studio code
SuperEugene6 小时前
后台权限与菜单渲染:基于路由和后端返回的几种实现方式
前端·javascript·vue.js