使用jQuery ajax post提交序列化数据答案

【问题标题】：using jQuery ajax post to submit serialized data使用jQuery ajax post提交序列化数据
【发布时间】：2010-11-02 19:50:44
【问题描述】：

我的问题已经让我发疯了一段时间。设置如下：

我有一个用于用户导航的可拖动列表。我想将用户如何将列表排序到数据库中，以便下次加载页面时相同。我正在使用（或尝试）使用 ajax 调用来保存订单。

这是我的 jQuery：

$(document).ready(function() {    
$( "#sortable" ).sortable({
            revert: true,
            stop: function(event, ui) {
                var aResult = $('#sortable').sortable('toArray');    
                postChanges( aResult );        
            }
        });           

});

function postChanges( result ) {

$.ajax({
    type: "POST",
    url: "model/customNav.cfm",
    data: {order: result },             
    timeout: "5000" 

});
}

在 cfm 页面“CustomNav”上，我有一个简单的 cfdump 来转储表单变量，以确保正确发送数据：（我试图发布一张图片，但我太新了，我会尝试从 cfdump 中“绘制”结果）

|结构 |
|字段名|订单[] |
|订单[] | 3,2,1 |

问题是，我如何访问订单数据？我想因为它正在转储表单结构，所以我会使用点符号来访问订单（即 form.order）。那是行不通的。当我尝试转储 form.order 时，我收到一条错误消息，提示在表单中找不到变量 order。

我怀疑这与我如何将数据发送到冷融合页面有关，但是我不确定我做错了什么。所以我的问题是，如果我将数据正确发送到coldfusion页面，我该如何访问它？如果我发送数据不正确，我哪里出错了？

非常感谢！

【问题讨论】：

标签： post coldfusion jquery

【解决方案1】：

您也可以尝试只访问表单["order[]"]

【讨论】：

成功了！这允许我对传入的列表进行 cfloop 设置。再次感谢。

【解决方案2】：

上次我看到一个非常相似（确切？）的问题，答案是有一个

<CFSET SetEncoding("FORM", "iso-8859-1") />

在导致问题的 application.cfc/application.cfm 中：

After jquery post I can't read form values with coldfusion

【讨论】：

感谢您的链接，但不幸的是，这不是问题所在。我的 application.cfm 仅包含基本的应用程序变量（名称、超时等）。

【解决方案3】：

我今天早上才这样做。

var aResult = $('#sortable').sortable('toArray');

将 aResult 更改为 $('#sortable').sortable('serialize',{key:order});

这会将 aResult 从 order[] 更改为 order=3&order=2&order=1

通过 ListToArray() 运行该字符串，您将拥有一个真正的 Cold Fusion 数组。

【讨论】：

感谢您的回答。但是，这对我不起作用。如果我使用：'serialize',{key:order} 我会收到一个错误，即“订单”未定义。如果我将其更改为 'serialize',{key:'order'} 并将传递到服务器的数据从：{ order: result } 更改为 result 它传入一个空白字符串。我错过了什么吗？