2

我正在研究一个可排序的 jQuery。我从我的数据库中提取信息以填充每个可订购元素，然后将新订单重新发布回我的数据库。但是我无法弄清楚如何获取我在序列化 jQuery 中定义的变量并将其输入到 data: 区域中的 AJAX 函数中。

这是我的代码：

$(document).ready(function() 
{              
    $('#social_list').sortable(
    { 
        update: function() 
        {
            var order = $('#social_list').sortable('serialize');
            alert(order);
        }                         
    });
});

$.ajax(
{
    url: 'save_items_order.php',
    data: ?,
    type: '$_POST', 
    success: function(msg)
    {
        alert(msg);
    }
});

所以我想把 var order 创建的字符串传递给 ajax 所以 data: = var order string

我尝试了数据：$('#social_list').sortable('serialize')，一切似乎都正常，只是似乎没有更新我的表

4

2 回答 2

2

最简单的解决方案是做一个全球性的

$(document).ready(function() {
    $('#social_list').sortable({
        update: function() {
            // global. you could just omit var, but I find this clearer
            window.order = $('#social_list').sortable('serialize');
        }
    });
});

$.ajax({
    url: 'save_items_order.php',
    data: window.order, /* ...rest of code */
});

但我敢肯定你知道全局变量是不好的，你至少可以将它们包含在你的命名空间中，

var myNs = {};
$(document).ready(function() {
    $('#social_list').sortable({
        update: function() {
            myNs.order = $('#social_list').sortable('serialize');
        }
    });
});

$.ajax({
    url: 'save_items_order.php',
    data: myNs.order /* ... rest of code */
});

或重新组织您的代码，以便他们可以共享变量。

$(document).ready(function() {
    var order;
    $('#social_list').sortable({
        update: function() {
            order = $('#social_list').sortable('serialize');
        }
    });
    $('#myButton').click(function(){
        $.ajax({
            url: 'save_items_order.php',
            data: order, /* ... rest of code */
        });
    });
});

请注意，对于这种情况，您可以执行以下操作

$.ajax({
    url: 'save_items_order.php',
    data: $('#social_list').sortable('serialize') /* ... rest of code */
});
于 2013-02-05T22:20:28.543 回答
-1

您只需将任何 javascript 对象作为数据传递。

对于您的具体情况，我可能会将 AJAX 调用包装在一个函数中，例如：

function saveItemOrder(order)
{
    $.ajax({
        url: 'save_items_order.php',
        data: { "order": order },
        type: 'POST', // <-- this should be just "POST"
        success: function(msg){
            alert(msg);
        }
    });
}

接着：

update: function() {
    var order = $('#social_list').sortable('serialize');
    // alert(order);

    saveItemOrder(order);
}
于 2013-02-05T22:18:37.370 回答