ColdFusion CFC CORS 和 AJAX 帖子

我正在尝试将表单发布到远程服务器。目前的总体思路是 HTML 将在本地运行并通过 AJAX 发布到远程服务器。

因此有一个表单、JS 和它要发布到的 CFC。

下面是JS

$(document).ready(function () {
$("#submit").click(function(){
    var setName = $("input[name='setName']").val();
    var setNumber = $("input[name='setNumber']").val();
    var setTheme = $("input[name='setTheme']").val();

    var retailPrice = $("input[name='retailPrice']").val();
    var purchaseStore = $("input[name='purchaseStore']").val();
    var purchaseDate = $("input[name='purchaseDate']").val();
    var purchasePrice = $("input[name='purchasePrice']").val();

    var condition = $("input[name='condition']").val();

    var sellPrice = $("input[name='sellPrice']").val();
    var sellStore = $("input[name='sellStore']").val();
    var selldate = $("input[name='selldate']").val();

$.ajax({
    type: 'get',
    url: 'http://www.chesteraustin.us/cfc/entry.cfc?ReturnFormat=json',  
    data: {
        method: 'setEntry',
        Set_Name: setName, //CFARGUMENT: JS_VARIABLE
        Set_Number: setNumber,
        Set_Theme: setTheme,
        Retail_Price: retailPrice,
        Purchase_From: purchaseStore,
        Purchase_Price: purchasePrice,
        Purchase_Date: purchaseDate,
        Status: condition,
        Sell_Date: sellPrice,
        Sell_from: sellStore,
        Sell_date: selldate
        },
    contentType: 'json',
    dataType: 'json',
    success: function(response) {
        console.log("you da man");
        }
    });    
}); 
});

下面是它被发布到的 CFC（为简洁起见，我删除了其中的大部分内容）：

<cfcomponent>
<cfheader name="Access-Control-Allow-Origin" value="*" />
<cfheader name="Access-Control-Allow-Methods" value="GET,PUT,POST,DELETE" />
<cfheader name="Access-Control-Allow-Headers" value="Content-Type" />

<cffunction name="setEntry" access="remote">
    <cfreturn 1>
</cffunction>

</cfcomponent>

编辑：清理了 CFC，删除了无关的评论。

做研究，我发现了这一点CFHEADER本来应该放在最上面，以允许跨源，但是，Chrome 仍然提供了一个No 'Access-Control-Allow-Origin' header is present on the requested resource. error.

一些背景知识：我在共享主机上。我在 CFC 所在的文件夹中有一个空白的 Application.CFC。

因此，经过大量研究，我找到了解决方案。 ColdFusion 代码按预期工作。然而，还有其他东西控制着标头（在本例中是 Apache）。

Using http://enable-cors.org/server_apache.html http://enable-cors.org/server_apache.html作为指导，我使用以下内容修改了 public_html 目录中的 .htaccess 文件：Header set Access-Control-Allow-Origin "*"。 Chrome 出现了另一个错误，指出 Access-Control-Allow-Headers 没有 Content-Type，所以我也添加了它：Header set Access-Control-Allow-Headers Content-Type。你瞧，这成功了。

总之，如果 ColdFusion 上的 CORS 不起作用：<cfheader name="Access-Control-Allow-Origin" value="*" />，检查Web服务器配置。我的.htaccess文件现在有两行，并且 CORS 正在运行。

Header set Access-Control-Allow-Origin "*"
Header set Access-Control-Allow-Headers Content-Type