如何使用 jQuery 或 AJAX 显示 ColdFusion 函数的返回值

Question

我正在使用如下所示的 ColdFusion 功能：

<cffunction name="getdata" access="remote" output="true" returntype="string">
    <cfargument name="x" type="string" required="true">
    <cfargument name="y" type="string" required="true">
    <cfquery name="getval" datasource="#application.datasource#" result="result">
    select val from table where col1=#arguments.x# and col2=#arguments.y#
    </cfquery>

    <cfset p= #getval.val#>
    <cfreturn p>
</cffunction>

我希望在警报中打印val 的值。当用户在自动完成下拉菜单中选择其中一个值时，显示的警报应为“请验证它是否为 val”。

我怎样才能做到这一点？

我尝试在自动完成的 select 事件中使用 jQuery AJAX，这里 x 和 y 是表单上输入字段的名称：

 select: function(event, ui) {
     $.ajax({
            type: "GET",
            url: 'somepathtofunction?method=getdata&x='+ x + '&y'+ y,
            async: true,
            success: function(result) {
                alert('please verify whether it is' + result.val  );
            }
     });
}             

另外，尝试了下面的代码：

alert('please verify whether it is'  +  $.get('somepathtofunction?method=getdata&x='+ x + '&y'+ y));

但这些都不起作用。

我是 jQuery AJAX 和 ColdFusion 的新手，所以我知道我编写了大部分错误的代码。请在我错的地方纠正我。

Answer 1

使用 AJAX 调用，您走在了正确的道路上。有很多方法可以实现这一目标。我找到了让 CF 和 JS 都使用 JSON 表示法的最简单方法之一。您的 CF 函数应设置为 output=true 并使用 #serializeJSON()# 函数返回数据。

需要注意的一个“问题”是 CF 在默认情况下始终将 JSON 数据大写，因此您必须在区分大小写的 JS 代码中使用返回变量的全大写版本。

这里有一些尝试：

<cffunction name="getdata" access="remote" output="true">
    <cfargument name="x" type="string" required="true">
    <cfargument name="y" type="string" required="true">
    <cfquery name="getval" datasource="#application.datasource#" result="result">
    select val from table where col1=#arguments.x# and col2=#arguments.y#
    </cfquery>
    <cfoutput>#serializeJSON({val=getval.val})#</cfoutput>
</cffunction>




  $.ajax({
        method: "GET",
        url: "yourCFCpathhere.cfc",
        data:{
            method: "getdata",
            x: var1,
            y: var2
        },
        dataType: "json"
    }).done(function( result ) {
        alert('please verify whether it is' + result.VAL  ); //CAPS for the return var from CF
    });
});