如何使用jQuery.post（）将ColdFusion 8 cfc返回JSON数据？

如何使用jQuery.post（）将表单发布到Coldfusion.cfc方法并返回json数据？是否有某种方法需要格式化url或表单值以指定cfc方法来远程调用？我如何告诉Coldfusion返回json数据？如何使用jQuery.post（）将ColdFusion 8 cfc返回JSON数据？

我搜索了现有的jQuery/Coldfusion.cfc问题，我正在寻找一些清晰的。我找不到一个能够显示Coldfusion cfc完整过程的例子。

HTML表单：

<!--- Assume: jquery, jquery-ui, sample.js is loaded ---> 
<p><a href="#" id="openDialog">Open Dialog</a></p> 

<div id="myDialog" title="My Dialog" class="dialog"> 
<form id="myForm"> 
    <label for="title">Title:</label><br /> 
    <input type="text" name="title" id="title" value="" /><br /> 
    <label for="address">Address:</label><br /> 
    <input type="text" name="address" id="address" value="" /><br /> 
    <input type="submit" name="save" value="save" /> 
</form> 
</div>

sample.js：

jQuery(function ($) { 

    var saveUrl = "remote.cfc?method=save"; // Is this the right way?? 

    // Bind link to open the dialog box 
    $('a#openDialog').click(function() { 
     $('#myDialog').dialog('open'); 
    }); 

    // Configure jQuery UI dialog box and callback methods 
    // Is this right?? 
    $("#myForm").dialog({ 
     buttons: { 
      'Save': function() { 
       $.post(saveUrl, $("#myForm").serialize(), function(result){ 
        alert("Result: " + result); 
        }, "json"); 
       $(this).dialog('close'); 
       }, 
      'Cancel': function() { 
       $(this).dialog('close'); 
      } 
    }); 
});

remote.cfc：

<cfcomponent> 

    <!--- If I set the returnFormat to JSON do I need to specify json in the post too? ---> 
    <cffunction name="save" access="remote" returntype="string" returnFormat="JSON"> 
     <cfargument name="title" type="string" required="yes"> 
     <cfargument name="address" type="string" required="yes"> 
     <cfset var result = structNew()> 

     <!--- Do some data manipulation or cfquery here, save to result struct ---> 

     <cfreturn result> 
    </cffunction> 

</cfcomponent>

*注意，我发现有ColdFusion的调试真的会偷懒up cfc返回值，所以它应该被抑制或关闭。

来源

2010-01-09 Dan Sorensen

您可以在帖子中传递returnformat，而不是将其设置为cffunction标记中的属性。您可能想要在cfcomponent和cffunction标记中将输出设置为false。 – 2010-01-09 20:13:50