如何通过AJAX将参数传递给CFC？

Question

我正在使用以下脚本来调用CFC函数:

function loadQuery() {
    $.get('QueryData.cfc',{},function(GetMyData){
    $("#content").html(GetMyData)
        })
    return false
    }

$(document).ready(function() {
    $("#loadLink").click(loadQuery)
});

这是我的HTML:

<a href="" id="loadLink">Load It</a>

<div id="content"></div>

我打电话给以下CFC:

<cffunction name="GetMyData" access="public" returntype="query">

    <cfargument name="RecordID" type="string" required="yes">

    <cfset var RecordData = "">

    <cfquery name="RecordData" datasource="MyDSN">
        SELECT
            foo.RecordID,
            foo.RecordName            
FROM
            foo
        WHERE
            foo.RecordID =  #ARGUMENTS.RecordID# ;        
    </cfquery>

    <cfreturn RecordData>

问题一是当我调用CFC时,CFC页面出现; 出现CFC描述(在询问管理员通行证后).我不想加载QueryData.cfc; 我想在QueryData.cfc中执行该函数.

第二个问题是我无法弄清楚将参数传递给CFC方法的语法.

Answer 1

您可以使用$ .get方法执行类似操作,但我通常会执行以下操作:

$(document).ready(function() {
    $("#loadLink").click(function(e) {
        e.preventDefault();
        var recordata = $(this).attr("href").substring(1); //trim '?' char
        $.ajax({
            type: "GET",
            url: "QueryData.cfc?method=GetMyData",
            data: recordata,
            dataType: "html",
            success: function(message) {
                $("#content").html(message);
            }
        });
    });
});

记录ID的数据存储在DOM中的某处,如下所示:

<a href="?RecordID=#url.RecordID#" id="loadLink">Load Data</a>
<div id="content"></div>

此外,不确定它与access ="public"的行为方式 - 它可能仍然有效 - 但它应该是你的函数上的access ="remote".