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

Question

我想知道是否可以在我的 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，并且我想在用户单击按钮然后进行一些操作时从该查询中获取数据。如果有人可以告诉我这是否可能，或者有没有更好的方法来解决这个问题，请告诉我。

Answer 1

过去，我使用 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 调用。我在 cffunctions 中滚动我自己的 JSON。但这就是我开始使用普通 JS 和 CF 的方式。