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 分钟前
易语言开发从入门到精通:进阶篇·网络爬虫与数据采集分析系统深度实战
开发语言
lsx20240623 分钟前
XSLT `<sort>` 元素详解
开发语言
_olone24 分钟前
牛客每日一题:显生之宙(Java)
java·开发语言·算法·牛客
Sirens.26 分钟前
Java 包装类、泛型与类型擦除
java·开发语言·javac
小光学长42 分钟前
基于ssm的膳食健康管理系统e6whl4q7(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。
java·开发语言·数据库·学习·ssm
无心水1 小时前
【常见错误】2、Java并发编程避坑指南:从加锁失效到死锁,10个案例教你正确使用锁
java·开发语言·python
青衫码上行1 小时前
【项目开发日记 | Java架构】第一天
java·开发语言·spring cloud
至为芯1 小时前
IP2075_34S至为芯支持C口快充的30W功率AC/DC芯片
c语言·开发语言
AI_56781 小时前
基于智优达平台的Python教学实践:从环境搭建到自动评测
开发语言·前端·人工智能·后端·python
j_xxx404_1 小时前
力扣困难算法精解:串联所有单词的子串与最小覆盖子串
java·开发语言·c++·算法·leetcode·哈希算法