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>

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

相关推荐
比特鹰2 分钟前
手把手带你用Flutter手搓人生K线
前端·javascript·flutter
大雨还洅下2 分钟前
前端JS: 数组扁平化
javascript
奔跑路上的Me7 分钟前
前端导出 Word/Excel/PDF 文件
前端·javascript
bluceli7 分钟前
JavaScript异步编程深度解析:从回调到Async Await的演进之路
前端·javascript
SuperEugene19 分钟前
路由与布局骨架篇:布局系统 | 头部、侧边栏、内容区、面包屑的拆分与复用
前端·javascript·vue.js
代码煮茶20 分钟前
前端网络请求实战 | Axios 从入门到封装(拦截器 / 错误处理 / 重试)
javascript
进击的尘埃21 分钟前
组合式函数 Composables 的设计模式:如何写出可复用的 Vue3 Hooks
javascript
进击的尘埃28 分钟前
浏览器渲染管线深度拆解:从 Parse HTML 到 Composite Layers 的每一帧发生了什么
javascript
大雨还洅下28 分钟前
前端手写: Promise封装Ajax
javascript
codeniu36 分钟前
@logicflow/vue-node-registry 在 Vite 中无法解析的踩坑记录与解决方案
前端·javascript