如何将 onclick 参数传递给 CFC 以通过 AJAX 更新数据库？

Question

阿贾克斯新手。只是尝试做一个简单的 ajax/cfc 投票是/否应用程序。无法让它工作

我想要完成的是一个简单的投票“是或否”应用程序，它显示每个链接旁边的投票数。例如：

• 是（882 票）
• 否（163 票）。

当访问者投票时，数据库应该更新投票并将投票者记录在不同的表中（这样他们就不能再次投票）。最后，将显示一条确认消息，其中包含新的投票计数：

• 您投票了“是”（883 票） 或
• 您投票了否 （164 票）

现在除了更新数据库之外，一切都正常了。我尝试重新设计 JavaScript (AJAX)，通过添加 ($.ajax) 并在 ajax 部分中移动响应消息来调用 CFC。然而，现在它根本不起作用。我做错了什么？

下面是我想出的新代码。为了简单起见，我只显示“否”票部分。我走在正确的轨道上吗？这看起来似乎非常简单。

投票链接

<A HREF="javascript:()" onclick="VoteNoID('#IdeaID#');">
   <SPAN ID="VoteNoMessage">No</SPAN>
</A> 
- <SPAN ID="NewNoCount">#NoCount#</SPAN>

Ajax

<script  LANGUAGE="JavaScript">  
   function VoteNoID()  
    {  
     var VoteNoDescription = document.getElementById("VoteNoDescription").style.display='none';  
            $.ajax({   
                type: "POST",   
                url: "../CFC/VoteNo.cfc?method=VoteNoID",   
                data: recordata,   
                dataType: "html",   
                success: function(message) {   
                    $('#VoteNoMessage').html("you voted No");  
                    $('#NewNoCount').html("#NewCount#");  
                    }   
                });   
            });   
        } `     
<script>

VoteNo.cfc

<cffunction name="NoVote" access="remote" returntype="string" 
    <cfargument name="VoteNo" type="string" required="yes">
    <CFQUERY NAME="NoCountCK" DATASOURCE="MyDSN">
        SELECT  *
        FROM    Ideas
        WHERE   IdeaID = #arguments.VoteNo#
    </CFQUERY>
    <CFSET NewCount=#NoCountCK.NoCount#+1>
    <CFQUERY NAME="UpdateNoCount" DATASOURCE="MyDSN">
        UPDATE  Ideas
        SET     NoCount = #NewCount#
        WHERE   IdeaID = #arguments.VoteNo#
    </CFQUERY>
    <CFQUERY NAME="MemberVote" DATASOURCE="MyDSN">
        INSERT INTO MemberVoteRecord(IdeaID,MemberID,DatePosted,YesNo)
        VALUES(#arguments.VoteNo#,#COOKIE.Member_ID#,#NOW()#,N)
    </CFQUERY>
    <cfreturn NewCount>
</cffunction>

Answer 1

我们的 .ajax() 调用的成功部分只是将 html 设置为变量#newcount#。我不确定该变量最初是在哪里设置的，但是如果您查看生成的原始 html，您会发现原始 html 此处包含一个静态数字。您需要将其设置为 javascript 变量，而不是 ColdFusion 变量。

因此，尝试将此变量设置为 message，这是传递给成功回调的参数。消息应等于 CFC 返回的任何内容。即，如果您直接在浏览器中调用 CFC，这就是您的浏览器将呈现的内容。

success: function(message) {   
        $('#VoteNoMessage').html("you voted No");  
            $('#NewNoCount').html(**message**);  
           }   

此外，您还需要将 CFC 函数的返回格式调整为“普通”。 。