将变量从Symfony2 PHP文件发送到js文件
Send variables from Symfony2 PHP file to js file
我对JavaScript真的很陌生,我不能找到一些关于这方面的教程。如果有的话,请告诉我读一下。
我想做的是将变量从PHP控制器传递到。js文件-我想填充Highcharts变量。
我知道我可以发送响应,但是我也需要加载一个模板。
这是模板:
...
{% block body %}
<h1>Months</h1>
// This is the Chart:
<div id="container" style="width:100%; height:400px;"></div>
{%block javascript%}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="{{ asset('bundles/acmebudgettracker/js/month.js') }}"></script>
{%endblock%}
{% endblock %}
名为month.js
的.js文件
$(function () {
$('#container').highcharts({
chart: {
type: 'bar'
},
title: {
text: 'Budget for months'
},
xAxis: {
categories: ['Spent', 'Saved']
},
yAxis: {
title: {
text: 'Fruit eaten'
}
},
series: [{
name: 'Jane',
data: [1, 0, 4]
}, {
name: 'John',
data: [5, 7, 3]
}]
});
});
和控制器:
public function monthsAction()
{
$this->setUser();
$month_repository = $this->setRepository('Month');
$month = new Month();
$form = $this->createForm(new MonthType(), $month);
$all_months = $month_repository->findByUser($this->user);
return $this->render('AcmeBudgetTrackerBundle:Months:months.html.twig', array(
'all_months' => $all_months,
'form' => $form->createView()
));
}
我想做的是给变量从控制器到month.js,仍然能够显示模板。有什么想法或教程来实现这一点吗?提前感谢!
你可以生成javascript作为小枝模板:
MonthsController.php
public function scriptAction()
{
// some logic
return $this->render('AcmeDemoBundle:Months:script.js.twig', array(
'user_months' => $user_months
));
}
routing.yml
javascript_route:
path: /generated-scripts/month.{_format}
defaults: { _controller: AcmeDemoBundle:Article:script, _format: js }
requirements:
_format: js|json
script.js.twig
$(function () {
var options = {
chart: {
type: 'bar'
},
title: {
text: 'Budget for months'
},
xAxis: {
categories: ['Spent', 'Saved']
},
yAxis: {
title: {
text: 'Fruit eaten'
}
},
series: []
};
{% for user in user_months %}
options.series.push({ name: '{{ user.name }}', data: [{{ user.months|join(',') }}] };);
{% endfor %}
$('#container').highcharts(options);
});
快捷&"肮脏"的答案:使用balises在TWIG文件中设置变量,并在JS文件中使用这些变量。
<script>
var foo = {{ bar }};
</script>
相关文章:
- 从文本文件js中读取列表
- 当我用ctrl+p搜索时,为什么要在谷歌chrome上使用inspect来调试缺少显示文件js
- 获取用于外部JavaScript文件(.js)的代码提示
- 如何将Javascript文件(.js文件)放在web服务器中
- 如何将 JavaScript 文件(.js 文件)添加到 C# 项目并从 C# 代码调用 JavaScript 方法
- 在 Node 中包含 javascript 文件.js无需 require('.') ing
- 如何使用jquery显示多个文件.多文件.js
- 使用 PDF 打开 PDF 文件.js而不将文件作为查询字符串传递
- 转换颜色十六进制值以用于三个 JSON 文件.js
- 如何使用 jQuery 选择多个文件.多文件.js插件?使用单个关闭按钮一次选择多个文件
- 如何在 Gulp 任务中间添加 CSS 文件.js
- 如何从Dropzone上传和删除文件.js
- 如何在视频中添加视频文件.js 4.2.1.
- 从快速节点下载文件.js具有 JWT 授权
- 访问 JavaScript 文件.js中的 C# 变量
- 在节点中热重载外部 js 文件.js如果文件有任何更改
- 如何在一台服务器中运行不同的.js文件.js NODE JS中的文件
- 如何在多文件.js中上传文件时检查文件扩展名
- 将文件.js中的var导入到模块joomla的模板中,并使用后台进行修改
- 在path项目中编写文件js脚本