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>

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

相关推荐
JANGHIGH13 分钟前
c++ 多线程(二)
开发语言·c++
Acc1oFl4g15 分钟前
详解Java反射
java·开发语言·python
海上彼尚15 分钟前
Go之路 - 6.go的指针
开发语言·后端·golang
Trouvaille ~17 分钟前
【Java篇】存在即不变:深刻解读String类不变的艺术
java·开发语言·javase·stringbuilder·stringbuffer·string类·字符串常量池
lemon_sjdk17 分钟前
java学习——枚举类
java·开发语言·学习
韩曙亮24 分钟前
【Web APIs】元素滚动 scroll 系列属性 ② ( 右侧固定侧边栏 )
前端·javascript·bom·window·web apis·pageyoffset
珑墨26 分钟前
【浏览器】页面加载原理详解
前端·javascript·c++·node.js·edge浏览器
FreeBuf_27 分钟前
Next.js 发布扫描工具:检测并修复受 React2Shell 漏洞(CVE-2025-66478)影响的应用
开发语言·javascript·ecmascript
馬致远1 小时前
Vue -组件入门
javascript·vue.js·ecmascript
御形封灵2 小时前
基于原生table实现单元格合并、增删
开发语言·javascript·ecmascript