尝试通过 AJAX 将表单字段值传递给 CFC

Question

我有两个表单域：

<cfinput type="text" name="ticket_id" id="ticket_id" value="#get_ticket.ticket_id#" tabindex="1" readonly="readonly" />

<textarea class='expanding' tabindex="0" name="admin_notes" id="admin_notes" cols="100" rows="5">#get_ticket.admin_notes#</textarea>

我试图在按下此按钮时将这些字段的值传递给 CFC 函数。

<input type="button" name="addTechNotes" id="addTechNotes" value="Add New Note" />

这是我的 AJAX 电话：

<!---Javascript for adding notes to ticket --->  
<script>
$(document).ready(function () {
      //Submit form to add record.
      $('#addTechNotes').click(function (e) 
      {          
        e.preventDefault();
        $.ajax({
        data: {tech_notes : $("#tech_notes").val(), ticket_id : $("#ticket_id").val() },
        type:'POST',
        url:'../cfcs/add_ticket_notes.cfc?method=addNotes',
        success: function() {
        $("#addNotesMessage").append( "Note successfully entered." );

        error: console.log("error");
        }
        });
    });
});
</script>

当我单击该按钮时，我的浏览器控制台记录：错误（我的 AJAX 调用的错误属性）。我错过了什么？

这是我的 CFC：

<cffunction name="addNotes" access="remote" returnType="string">
<cfargument name="ticket_id" type="any" required="true">
<cfargument name="tech_notes" type="any" required="yes">

<!--- localize function variables --->
<cfset var dataDetail = "">
<cfoutput>
<cfquery name="dataDetail" datasource="#datasource#">
    update closed_tickets
    set tech_notes = <cfqueryparam value="#ARGUMENTS.tech_notes#" cfsqltype="cf_sql_varchar">
    <!--- adjust cfsqltype if needed --->
    WHERE ticket_id = <cfqueryparam value="#ARGUMENTS.ticket_id#" cfsqltype="cf_sql_varchar">
</cfquery>
</cfoutput>
<cfreturn dataDetail>

Answer 1

您的文本区域字段的名称和 ID 为 'admin_notes'，但您在 ajax 调用中引用了 ID 为 'tech_notes' 的元素。

我也更喜欢在我的数据字符串周围添加引号

data: '{tech_notes:\'' + $("#tech_notes").val() + '\', ticket_id: \'' + $("#ticket_id").val() + '\' }',

Answer 2

您的 Ajax 电话有点断线。试试这个：

<script>
$(document).ready(function () {
    //Submit form to add record.
    $('#addTechNotes').click(function (e) {          
        e.preventDefault();
        $.ajax({
            data: {
                tech_notes : $("#tech_notes").val(), 
                ticket_id : $("#ticket_id").val()
            },
            type:"POST",
            url:"../cfcs/add_ticket_notes.cfc?method=addNotes",
            success: function() {
                $("#addNotesMessage").append( "Note successfully entered." );
            }, // CLOSE THE SUCCESS PARAM
            // START THE ERROR PARAM
            error: function() {
                console.log("error");
            }
        });
    });
});
</script>

尝试通过 AJAX 将表单字段值传递给 CFC

Trying to Pass Form Field Values To CFC via AJAX

ajax

coldfusion

cfc