我对 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 %}
.js 文件称为month.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,并且仍然能够显示模板。任何想法或教程如何实现这一目标?提前致谢!