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>

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

相关推荐
测试界的酸菜鱼9 分钟前
Python 大数据展示屏实例
大数据·开发语言·python
web行路人17 分钟前
React中类组件和函数组件的理解和区别
前端·javascript·react.js·前端框架
番茄小酱00119 分钟前
Expo|ReactNative 中实现扫描二维码功能
javascript·react native·react.js
晨曦_子画19 分钟前
编程语言之战:AI 之后的 Kotlin 与 Java
android·java·开发语言·人工智能·kotlin
Black_Friend27 分钟前
关于在VS中使用Qt不同版本报错的问题
开发语言·qt
子非鱼92137 分钟前
【Ajax】跨域
javascript·ajax·cors·jsonp
超雄代码狂39 分钟前
ajax关于axios库的运用小案例
前端·javascript·ajax
希言JY1 小时前
C字符串 | 字符串处理函数 | 使用 | 原理 | 实现
c语言·开发语言
残月只会敲键盘1 小时前
php代码审计--常见函数整理
开发语言·php
xianwu5431 小时前
反向代理模块
linux·开发语言·网络·git