如何从javascript调用cfm页面上的cffunction?

时间:2016-11-03 16:05:15

标签: javascript coldfusion cffunction

我想知道我是否可以在我的cfm页面上拨打cffunction?我有onClick按钮,可以调用同一页面上的cffunction。此外,我试图将cfcomponent放在我的函数周围,但我收到了这个错误:

Invalid CFML construct found on line 94 at column 1.
ColdFusion was looking at the following text:

<
The CFML compiler was processing:
< marks the beginning of a ColdFusion tag.Did you mean LT or LTE?

到目前为止,我有这个:

<cffunction name="getRecords" access="remote">
    <script>
        alert('test');
    </script>
</cffunction>

这是我的JS功能:

function getRecs(){
    try{
        location.href = 'myCFMpage.cfm?method=getRecords';
    }catch(err){
        alert('Error')
    }   
}

我不确定这是否可能,我当前的代码未在cffunction中触发警报。我尝试这样做的原因是因为我在此页面上有cfquery并且我想在用户点击按钮然后进行操作时从该查询中获取数据。如果有人能告诉我这是否可行或是否有更好的方法来解决这个问题,请告诉我。

1 个答案:

答案 0 :(得分:6)

过去,我使用cfajaxproxy来完成从组件(cfc)到javascript的调用函数。 (由于不同的开发范例,我不再这样做了,但这可能对你有所帮助。)首先,用你的函数创建一个cfc。

<cfcomponent>
    <cffunction name="getRecords" access="remote" returntype="string">
        <cfquery name="someQuery" datasource="someDataSource">
            select * from records
        </cfquery>
        <cfreturn serializeJSON(someQuery,'struct')> 
    </cffunction>
</cfcomponent>

在您的模板.cfm文件中,您可以使用cfajaxproxy在javascript中为我们声明组件。

<cfajaxproxy cfc="yourComponent" jsclassname="jsClass">

然后,在同一个模板中,在您的javascript中,您将执行以下操作,并且您将能够将cfc函数用作jsClass中的方法。

<script type="text/javascript">
    var _myFuncs = new jsClass()

    function buttonClicked() {
        var _records = JSON.parse(_myFuncs.getRecords());
    }

</script> 

希望这能提供一些见解。有很多解决方案,这是一个。我目前的开发模式是使用Angular并对CF组件执行$ http调用。我在cffunction中滚动了自己的JSON。但这就是我从简单的JS和CF开始的方式。