Question

我尝试使用ColdFusion站点实现一些Bootstrap小部件，以便为Intranet应用程序创建仪表板样式页面。作为一个JS的新手，我已经找到了一些比较简单的新手，但是有几个人在我头上。

** mainpage.cfm**
<insert all css links here>
<cfinclude template="myQueries.cfm"> **gets the data**

Body of Page here
<h4 class="value"><span>215</span><span>$</span></h4> **this span grabs the data from the .js file

<!--LOADING SCRIPTS FOR PAGE-->
<script src="js/main.js"></script>
<script src="js/index.js"></script>

据我所知，＆＃39; 215＆＃39;如果未返回范围数据，则为默认值。

来自index.js文件的代码片段：

$(function () {

//BEGIN COUNTER FOR SUMMARY BOX
counterNum($(".profit h4 span:first-child"), 189, 112, 1, 30); ** these are just included sample data
counterNum($(".income h4 span:first-child"), 636, 812, 1, 50);
counterNum($(".task h4 span:first-child"), 103, 155 , 1, 100);
counterNum($(".visit h4 span:first-child"), 310, 376, 1, 500);

function counterNum(obj, start, end, step, duration) {
    $(obj).html(start);
    setInterval(function(){
        var val = Number($(obj).html());
        if (val < end) {
            $(obj).html(val+step);
        } else {
            clearInterval();
        }
    },duration);
}
//END COUNTER FOR SUMMARY BOX
});

我的cfqueries中有CF变量传递给每一行的4个参数。

我已尝试过其他解决方案，例如cfinclude index.js而不是也尝试将其重命名为.cfm并将其包含在内。

我认为最好的方法就是设置我的cfvars以匹配所需的ls变量，但是我无法为4个parms中的4个等级中的每一个获得正确的语法。

我有很多这种类型的集成要做，并希望在完成整个站点之前第一次做到正确，特别是关于将CF与JS集成的最佳方式。任何Best-Way建议都将受到赞赏。

Answer 1

这实际上是一个相当普遍的问题，对JS和CFML之间关系的充分理解可以提供帮助。有用信息：http://blog.adamcameron.me/2012/10/the-coldfusion-requestresponse-process.html。

当我想在JS中使用查询数据时，我使用Ajax来调用CFC中的函数。这让我得到了一个可以使用的实际JS对象。

使ColdFusion vars可用于javascript函数

1 个答案: